Results 1 to 8 of 8

Thread: How to play live stream on mobile devices with html5 video tag?

  1. #1
    Join Date
    Jan 2012
    Posts
    6

    Default How to play live stream on mobile devices with html5 video tag?

    Still having slight issue streaming to mobile devices.
    Desktop viewers are getting video from http://[IP]:1935/Live/ngrp:[STREAM]_all/jwplayer.smil and it works great. Viewer can even change quality.
    On mobile I tried giving rtsp link, but android users dont' get audio, while iOS devices work fine.

    Now I am trying to setup html5 video tag player that will take single quality (I don't think multiple bitrate will work for this) stream like following http://[IP]:1935/Live/mp4:[STREAM]/playlist.m3u8 or http://[IP]:1935/Live/mp4:[STREAM] but neither work.
    <video id="live"  autoplay controls>
    	<source src="http://[IP]:1935/Live/mp4:[STREAM]/playlist.m3u8" type="video/mp4" />
    	<source src="http://[IP]:1935/Live/mp4:[STREAM]" type="video/mp4" />
    <video>
    Any tips?

  2. #2

    Default

    Hi there,

    What is the audio codec and sample rate of the stream?

    For HTML5 you can use a playlist.m3u8 url (Cupertino stream) in a HTML5 video tag, but only on iOS devices, or Safari on Mac Snow Leopard or higher.

    Does this URL work?
    <video controls>
    <source controls src="http://[IP]:1935/Live/mp4:[STREAM].mp4/playlist.m3u8"/> 
    </video>
    Salvadore

  3. #3

    Default

    Also, ngrp: does work with HTML5.

    <video controls>
    <source controls src="http://[IP]:1935/Live/ngrp:[STREAM]_all/playlist.m3u8"/> 
    </video>
    Salvadore

  4. #4
    Join Date
    Jan 2012
    Posts
    6

    Default

    Okay this does work on iOS, MacOS, and Safari.
    How about playing live stream using html5 video tag on android?
    I have seen other website play live stream using html5 video tag.

    Edit. Here is an example of working live stream via html5 video tag.
    <video x-webkit-airplay="allow" alt="Calvary Worship Center" width="520" height="292" src="http://f.wa.edge.christianworldmedia.com:1935/calvarylivestream/mp4:calvarylivestream/playlist.m3u8" autoplay controls poster="http://www.christianworldmedia.com/screencap919"></video>
    Opening url gives proper playlist.m3u8 file from wowza. If I replace the url to my server, the player doesnt work.
    Last edited by vosovskiy; 08-28-2013 at 03:18 PM.

  5. #5
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    I don't have an Android to test, but you could take that and try it with stream from your Wowza server using a playlist.m3u8 url.

    Richard

  6. #6
    Join Date
    Jan 2012
    Posts
    6

    Default

    Quote Originally Posted by rrlanham View Post
    I don't have an Android to test, but you could take that and try it with stream from your Wowza server using a playlist.m3u8 url.

    Richard
    That's what I did. The player doesn't work, but I think it might be because I am using mp3.
    However I have no luck streaming with aac or using transrate with mp3->aac transcode

  7. #7
    Join Date
    Jan 2012
    Posts
    6

    Default

    For whatever reason I thought html5 video tag can play video with mp3 audio. Well it can't.
    After changing audio to AAC I was able to play live stream using html5 video tag.

  8. #8
    Join Date
    Dec 2007
    Posts
    21,962

    Default

    Great, thanks for the update.

    Richard

Similar Threads

  1. Android > 4.0 Imposible to stream to device. html5 video tag.
    By Andres in forum Media Players and Devices Discussion
    Replies: 1
    Last Post: 05-31-2013, 10:07 AM
  2. Playback using html5 video tag, is that possible?
    By Andres in forum General Forum
    Replies: 7
    Last Post: 09-11-2012, 03:22 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •