This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(57.599999999999994, 79%, 15%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EPL%3C/text%3E%3C/svg%3E)
I am trying to play a Azure Media Service video in a Blazor Webassembly componenet.
the video works when I play it in Azure media player but I have difficulty getting this in a blazor component.
Also I have tried the following tag:
<video id="vid1" class="azuremediaplayer amp-default-skin" autoplay controls width="640" height="400" poster="images/EULogo.png" data-setup='{"nativeControlsForTouch": false}'>
<source src="https://siemsa-usct.streaming.media.azure.net/e544a02d-3490-410f-bcd5-bc91c5bda77e/videoplayback.ism/manifest(format=m3u8-aapl)" type="application/vnd.ms-sstr+xml" />
<p class="amp-no-js">
To view this video please enable JavaScript, and consider upgrading to a web browser that supports HTML5 video
</p>
</video>
But it doesn't play either.
What is the best way to play a Azure Media Services video in a Blazor web assembly?
Thanks,
Peter
I like to use the interactive features of Blazor. Just can't get the streaming working. While if I use an .net mvc the streaming is very easy. But I don't want to move away from Blazor and loose the client site functionality of blazor. Any suggestions?
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 61%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBS%3C/text%3E%3C/svg%3E)
blazor wasm does not effect the browsers support of video or js. use the browsers debug tools to verify the <video> tag was generated correctly and the src is valid.
also check that the azure js and css links loaded correctly.
Check in with the owners of this project called Blazorise.
https://preview.blazorise.com/docs/extensions/video
I know that they have been working hard on support for HLS and DASH playback in Blazor that works with Media Services.
Check out the Issue history here - https://github.com/Megabit/Blazorise/pull/3298#issuecomment-1025123703
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(204.8, 43%, 29%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EMM%3C/text%3E%3C/svg%3E)
Thank you @John Deutscher (MSFT)
While our Video component is still not perfect and we're still missing some features, like HLS DRM support, I think it is ready for production. I have tested it with the following video URL and it seems to be working fine.
<Video Source="@("https://amssamples.streaming.mediaservices.windows.net/3b970ae0-39d5-44bd-b3a3-3136143d6435/AzureMediaServicesPromo.ism/manifest(format=m3u8-aapl)")" StreamingLibrary="StreamingLibrary.Hls" />
Hi John, Thanks, I will check it out and let you know.
Peter
Just checked but had an issue of "Install-Package : Unable to find package 'Blazorise.Video'" also added this in the github
Hi John,
Was away from the project and try to get back into it. Forgot though if you already had some idea on why when I select "Include prerelease" I still didn't see the package. And I can't find anything back on that. Did you have some idea why it does show?
Thanks,
Peter
Maybe you didn't include the MyGet feed?
https://github.com/Megabit/Blazorise#try-preview
Still, even if I did that, it doesn't show. See image below showing the config file in the root and the content of the config file. Or do I have to sign up for MyGet.org
Check with MladenMacanovi-8348
I don't own that player project for Blazor, just recommended to check it out.