Background Media Playback and Lock Screen Controls for MediaElement Are Here!

MediaElement in .NET MAUI just got a lot more useful! In the latest update you can now play your media in the background and control it from the device lock screen! Want more details about MediaElement? Check this out: • Introducing MediaEleme...
In version 4.0 of the .NET MAUI Community Toolkit MediaElement you can now set metadata for you media, control playing media from the lock screen or control center and play audio in the background! In this video I'll show you how to do all of this!
💝 Join this channel to get access to perks:
kzbin.info/door/ral...
Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
🛑 Don't forget to subscribe to my channel for more cool content: kzbin.info...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample Code Repo: github.com/jfversluis/MauiMed...
Big Rav on Spotify: open.spotify.com/artist/6i0Xl...
MediaElement Documentation: learn.microsoft.com/dotnet/co...
⏱ Timestamps
00:00 - MediaElement Updates!
00:15 - What is MediaElement Again?
00:37 - Background Playing, Metadata & Lock Screen Controls
01:27 - Install MediaElement NuGet
03:03 - Implement MediaElement
05:00 - Add Metadata to Media
05:49 - Lock Screen Controls on Windows
07:12 - Background Play Configuration Android
11:28 - Android Demo
12:34 - Enable MediaElement Background Play on iOS
13:51 - Live Demo iOS
15:10 - Connect With us on .NET MAUI Community Toolkit repo!
🎥 Video edited with DaVinci Resolve
🙋‍♂️ Also find my...
Blog: blog.verslu.is
All the rest: jfversluis.dev
#maui #backgroundaudio #mediaelement #android #ios #dotnet #dotnetmaui #communitytoolkit

[@jfversluis]

Don't forget to subscribe to the Big Rav KZbin channel! kzbin.info/door/3pSq8lc_Wbj5d1J6O6_4_A Want more details about MediaElement? Check this out: kzbin.info/www/bejne/laTTZYV9Za5jrpY

[@MaddyMontaquila]

😂😂😂😭😭😭😭😭😭

[@jfversluis]

IS THAT YOU?! The singer of Big Rav?! Under my video! OMG I love you guys so much! 😭

[@albe46]

Super, thanks!!!! Now next step, how to make a widget in Maui 😊

[@jfversluis]

Unfortunately you can't make those with MAUI. You can make a widget with the native tooling and deliver that together with your .NET MAUI app, but right now its not possible to create a widget through .NET MAUI alone.

[@albe46]

Thanks for your response! Maybe a video in the future in order to see how do this will be appreciated! Thanks again for your job!

[@jewersp]

For Widgets, you'll have to do some platform-specific work.

[@DeepWorksStudios]

Awesome update! 🎉 Thanks Gerald for sharing :)

[@jewersp]

Awesome, great job! 🚀 I didn't know Maddy was a musician 😃 Gotta check out Big Rav!

[@emmanueladebiyi2109]

This is a really cool addition. Thanks for sharing.

[@jfversluis]

My pleasure!

[@netdeveloper740]

Super video, thanks 🙏

[@SuperGulamali]

Exactly what we needed this is awesome!

[@jfversluis]

Really excited about this update! Thanks!

[@iVictorHugo]

Fantastic video! Thanks Gerald for sharing it!

[@jfversluis]

Thanks Victor! Appreciate it!

[@kamilyt6541]

Can you please make a detailed video on how to use camera function with SignalR (video call) in blazor + maui hybrid app

[@JamesMCrutchley]

Love the video! TY again for putting this up so the community knows about it :)

[@jfversluis]

Thank you for the amazing work on this James!

[@bonkosimaphosa3745]

👌🏾 Great video.. Can you please do a video of live video 🙏🏿 either in Maui or blazor. Please 🙏🏿

[@jfversluis]

What do you want to know? I already cover that as well in the linked video for this?

[@bonkosimaphosa3745]

@@jfversluis More like a peer to peer vidio call or live streaming app

[@plazmius]

Hello! Great video! I recently looked for how to make audio playback work in the background on iOS. I wonder if there are plans to update the player visual on Android, because the black rectangle is very unintuitive. Thank you!

[@jfversluis]

Thanks! I'm not sure what you mean, probably this? github.com/CommunityToolkit/Maui/issues/1976

[@JamesMCrutchley]

@@jfversluis PR is out to fix that now. I have a video there showing how the fix for IOS works.

[@TheDhroe]

I have a question. I am making a local music player but since the MetadataArtworkUrl property only appears to accept a string value, I am unable to pass any local files or ImageSource objects to it. I believe for now, the only option is to host the local file and pass a url reference to it, but that seems counterintuitive to the files being local. Do you know of any other approach that could be taken or when such a feature might be added?

[@TheDhroe]

really enjoy your videos; they are super helpful

[@jfversluis]

Correct, right now it can only be a URL. If you also want to use local files make sure to open an issue in the repository!

[@JamesMCrutchley]

Adding local files from device as a Media Resource is planned. So is local files. I have been working on adding subtitles. Once that is out I will be going back and adding this pretty soon.

[@bolbittu]

I was trying to play youtube videos using this plugin. Can you recommend some good packages which can help in pulling youtube videos?

[@jfversluis]

You will have to leverage the KZbin API to get the URLs of the videos instead of the pages that just embed the video. Then it should work. There are probably a good number of plugins available that will help you communicate with the KZbin API.

[@MagicKevin-hu1ut]

Hello. Is it possible to play media from a Stream, at least on Windows (which seems to be able to accept an IRandomAccessStream) on MediaElement?

[@abdalarmden7382]

how using viewbox for maui

[@user-hs3tk5pv2m]

Hi. Can you tell me if it is possible to hide the window in MAUI? For example, I want the window containing the MainPage to be hidden when launching the application and a second window for authorization to be displayed. After successful login, the authorization window closes and the main window becomes visible

[@jfversluis]

Sure but it will require some good amount of platform specific work