I have created a simple live stream using Azure Media Services. I can view it from Azure Media Player but I want to be able to embed the video to my personal website using the <Video></Video> HTML tag. I've been looking for a solution but I can't seem to find one. Is this even possible?
How to embed azure media services live stream to a personal website
529 Views Asked by Ashraf Lobo At
1
There are 1 best solutions below
Related Questions in AZURE
- How to update to the latest external Git in Azure Web App?
- I need an azure product that executes my intensive ffmpeg command then dies, and i only get charged for the delta. Any Tips?
- Inject AsyncCollector into a service
- mutual tls authentication between app service and function app
- Azure Application Insights Not Displaying Custom Logs for Azure Functions with .NET 8
- Application settings for production deployment slot in Azure App Services
- Encountered an error (ServiceUnavailable) from host runtime on Azure Function App
- Implementing Incremental consent when using both application and delegated permissions
- Invalid format for email address in WordPress on Azure app service
- Producer Batching Service Bus Vs Kafka
- Integrating Angular External IP with ClusterIP of .NET microservices on AKS
- Difficulty creating a data pipeline with Fabric Datafactory using REST
- Azure Batch for Excel VBA
- How to authenticate only Local and Guest users in Azure AD B2C and add custom claims in token?
- Azure Scale Sets and Parallel Jobs
Related Questions in AZURE-MEDIA-SERVICES
- Media Service API failed - 400 bad request - Creation of new Media Service accounts are not allowed as the resource has been deprecated
- Azure Blob Storage StartCopyFromUriAsync() Causes Zero Byte Files to be Copied
- Get Input Asset or Output Asset from JobId or SmoothStreamingUrl - Azure Media Services
- How to use Gstreamer to ingress live stream on Azure Media Services using RTMP in a long run?
- Azure Media Player controls missing css classes
- azure media player show question mark in the closed caption while the vtt file doesn't have it
- I want to setup a DRM based video stream with both widevine and play ready
- Azure Media Services : Streaming Assets from Private Storage Account
- How to upload video to azure media service using REST api?
- Azure Media Services V3 audio analyzer transcript timestamp incorrect
- ultra low latency live video cam streaming using azure
- Azure Media Services Stream not displaying in Blazor App using Azure Media Player
- subtitles are not showing in videojs
- Error when executing a sample code for Azure Media Service v3
- is it possible that directly uploading local video files on azure media services?
Related Questions in AZURE-MEDIA-PLAYER
- Azure Media Player controls missing css classes
- azure media player show question mark in the closed caption while the vtt file doesn't have it
- Azure Media Player throws exception for video format?
- Problem with playing videos from OneDrive in my HTML page using AzureMediaPlayer
- Azure Media Services Stream not displaying in Blazor App using Azure Media Player
- I cant track events on Application Insights via Javascript
- How to get the data from Application Insights in a C# class (Azure Media Player Plugin)
- Azure Media Player displays caption names incorrectly
- Azure media player unable to play DRM content as a MS teams app
- UUID.ism not supported in streaming.media.azure
- Azure media player drm protected video issue in iPhone
- Azure Media Service DRM
- Azure Media Player Enable Seeker and other controls
- Azure Media Services Customize Error Message?
- How to embed azure media services live stream to a personal website
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
Popular # Hahtags
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
The HTML5 tag does not always support playback of HLS or DASH depending on the platform you are on.
https://caniuse.com/?search=hls https://caniuse.com/?search=dash
Sounds like you are trying to playback HLS or DASH from Azure Media Services with just an HTML5 video tag and no javascript player framework. That won't work in most browsers.
Review https://howvideo.works/ for background on how HLS and DASH actually work in the browser - and the reason that you need access to a javascript library and the Media Source Extension feature of HTML5 (not always available in all browsers - see https://caniuse.com/mediasource)