The goal is to play live streaming inside android browser, thus using the
html5 video player.
I tried with m3u8 (which works on ios and also while tapping directly the m3u8 inside android), I tried with RTMP.
This works on IOS, not on android
<video id="my_video_1" controls autoplay
preload="auto" width="100%" height="100%" data-setup="{}">
<source src="http://mysite.com:8080/hls/video.m3u8" '/>
</video>
and this link works on android browser (it opens a video player )
http://mysite.com:8080/hls/video.m3u8
So: what should I do to display some live video inside android browser ?
regards
Look at longtailvideo where a whole list of supported browsers and so on is available: http://www.longtailvideo.com/html5/hls/
also have a look at the footnotes: Sometimes it is necessary to to click 3 times at the play button.
Also only Android 4+ supports a little bit of hls. But .m3u8 playlists are definitiv possible in some browsers on some devices, but it is challenging.
Related
I tried different ways to show a .mov video ("ISO Media, Apple QuickTime movie" on linux) in HTML5 page with Iphone, but it isn't working.
My code is:
<video width="320" height="240">
<source src="test.mov">
</video>
With all desktop browser (chrome, firefox....) I can show the video.
Any Idea?
Thanks in advance.
Instead of using <source> tag use <src> attribute of <video> as below and you will see the action.
<video width="320" height="240" src="test.mov"></video>
As per HTML5 standards the only videos that are trully supported cross browser are MP4, ogg, and WebM. All other video files are not guaranteed to work with the standard html5 video player.
You can read more about it at this website.
http://www.w3schools.com/html/html5_video.asp
Alternatevily you can look for other video players that can help you make this for you.
Hope this helps.
The .MOV media type (Quicktime movies) is not supported in HTML5 browsers using the video element at this time. I recommend you encode those to MP4 (MPEG4).
But you can try this HTML below. The new video HTML5 element will not work as it supports limited media types (MP4, OGG, or WEBM). Using the older HTML embed or object elements forces the browser to use a plugin to support the video, if one exists. If your Quicktime movie plays, it will depend on how Apple and their Safari browser manage the plugin or player for this media type:
<embed id="embed1" src="test.mov" type="video/quicktime" style="width:320px;height:240px;">
<noembed>Your browser does not support this media object or the embed element.</noembed>
</embed>
Trying the SDK from the smart tv alliance, I worry about it not playing videos in the vbox.
The menu and browser works well, but e.g. when trying the video sample project within SDK, it does not play videos there. => screen remains black in the content area...
It's a smart tv virtualization, so I hope it supports video playback and is not a missing feature (as in some android simulators).
It's exactly like a normal site or HTML document...
Add your video like you would do normally.
The SDK emulator does not supprot much formats to be played except of the mp4 progressive download. What exactly are you trying to stream?
STeN
I have tested some droids and iphones and have not found a phone that works. Basically if I use <audio src="http://.... everything works. When I change it to <audio src="https://..... the file plays fine on computers but not on smart phones. Any ideas why?
See similar posts:
cannot play iPad <audio> over https
http://code.google.com/p/android/issues/detail?id=19958)
I think for audio video streaming on android https protocol doesnt support. Look at here Android Supported Media Formats.
As far as O know, web pages play mp3 sounds by embedding invisible Flash players. Since Flash is not available on mobile webkit (iphone/ipad), how is it possible to play mp3 on this platform?
HTML5 supports these 2 tags (audio / video) which Safari supports:
In your case, you can use the audio tag.
<audio src="horse.ogg" controls="controls">
your browser doesn't support HTML5 audio
</audio>
The only catch is getting the right format for your media. :-)
Safari supports MP3 for audio, and MPEG 4 for video... Firefox supports OGG for audio/video, (I believe Opera does too), and chrome supports both.
More information about the supported file formats in HTML5 are here:
http://www.html5laboratory.com/playing-with-audio-files.php
That links to a really useful page allowing you to test the format support on your particular browser:
http://www.jplayer.org/HTML5.Audio.Support/
I'm building a web site that needs to stream video and be friendly for handheld devices (especially the iPhone). Some handhelds don't support Flash so I'm avoiding the use of a Flash player. How does Youtube stream its videos so that they play on both desktops and iPhones? I'm looking for a player, or multiple players, which can be somehow activated based on the user's device.
Your help and guidance are much appreciated. Thanks.
The YouTube website and others use the HTML5 video tag for streaming playback on iPhones. It works like this:
<video width="480" height="360" controls>
<source src="test.mp4" type="video/mp4" />
<source src="test.ogv" type="video/ogg" />
</video>
In Safari (Desktop as well as mobile) and Chrome, the h264-compressed test.mp4 file will be played. Firefox will play back test.ogv. For other videos, you should still have a flash video player as fallback. You can have all the format choosing and flash fallback done automatically using HTML5Media. You might also check out SublimeVideo, which provides video player controls for the <video> tag.