HTML5 streaming video (Android/WP on tablets/smartphones)
-
I'm not much into website "development", but I need to create a small ASP.NET HTML5 site which allows some users to watch videos using up to date Windows Phone 10 and Android 5+ devices using IE and Chrome. It's kind of a small demonstration shop in a much larger context.
Content would be some H.264 videos which I wouldn't like to convert (some Full HD videos), if possible. Information on Google seems to be outdated, misleading, incorrect, written by confused authors and what not.
So does anyone know how to do that quick and dirty? Is there finally some HTML5 tag for this? The project isn't about HTML5 or streaming, video streaming is just meant to be an eyecatcher.
-
Here is the html5 tag.
<video controls> <source src="yourvideo.mp4" type="video/mp4"> </video> -
@Romo said in HTML5 streaming video (Android/WP on tablets/smartphones):
Here is the html5 tag.
<video controls> <source src="yourvideo.mp4" type="video/mp4"> </video>Great, thanks, will try that tomorrow.
Decoding is on the client, I guess? So no codec, no playback?
-
The browser takes care of everything if it supports your file type.
The MP4 container format with the H.264 video codec and the AAC audio codec is natively supported by desktop/mobile Internet Explorer, Safari and Chrome, but Chromium and Opera do not support the format. IE and Chrome also support the MP3 audio codec in the MP4 container, but Safari does not. Firefox/Firefox for Android/Firefox OS supports the format in some cases, but only when a third-party decoder is available, and the device hardware can handle the profile used to encode the MP4.
More info here https://developer.mozilla.org/en-US/docs/Web/HTML/Supported_media_formats
-
Tried that, works like a charm. Even big videos (like 1.6 GB) are working flawlessy, so some streaming or downloading in chunks in the background I guess. Anyway, works well enough for the showcase.
Thank you.
@scottalanmiller: How to mark a topic as solved?
