Results 1 to 8 of 8

Thread: Streaming live video to html5 <video> in Firefox > [Spoiler: It's a QUEST!]

  1. #1

    Default Streaming live video to html5 <video> in Firefox ? [Spoiler: It's a QUEST!]

    Hello,

    Short question: Is there a way to stream live video to an html5 <video> tag in Firefox?
    (my input is an rtmp stream with Video:H.264 and Audio:AAC)

    Short answer (of what I have found) it's not possible...unless:
    • you use the opentelly videoplayer that streams HLS on all browser (amazing! )
    • maybe: if you manage to stream with .mp4 as container of the live video (??? is it possible ???)




    My questions for you are distributed in the middle of the..
    Slightly longer Answer - aka "the Quest"

    I'm not looking for flash solutions, which is great that still works in all desktop browsers...but for my project I specifically need the html5 <video> tag
    As far as I could find there is no simple way to do this because:

    • The Wowza native transcoded versions MPEG-DASH and HLS doesn't seem to be working on Firefox
    • All "major" commercial players like JWPlayer and BitDash, fall back to Flash on Firefox, both on MPEG-DASH and HLS streams



    Hints that it is Possible

    1. Youtube Live manages to stream an MPEG-DASH stream to an html5 video player in Firefox
      but this is just because Firefox has released a subset of the Media Source Extensions JUST for YouTube (and maybe Netflix)
      as can be seen in the Firefox 37 Release notes
      ("Implemented a subset of the Media Source Extensions (MSE) API to allow native HTML5 playback on YouTube (Windows Vista or later only")
      and in the Firefox 38 Release Notes
      "Mac OS X: Implemented a subset of the Media Source Extensions (MSE) API to allow native HTML5 playback on YouTube"

    2. Firefox has ambiguous documentation but also an interesting possibility
      in this support article they suggest that
      "MP3, AAC, and H.264/MPEG-4 AVC are patented audio/video compression formats. They can be viewed in Firefox using built-in OS libraries (so neither Mozilla nor you need to pay a fee) if embedded in the MP4 container format (.mp4, .m4a, .m4p, .m4b, .m4r, .m4v file types)."



    So It should be possible ... if these codecs are installed on the client's computer...which very likely they are

    Question-1: Is there a way to stream a live video (that is already in H264 and AAC) with the .mp4 container (so that I can playback it in Firefox with a <video> tag??
    do I have to transcode it or is it enough to simply append some ":mp4" piece of string to the stream name?

    read the previous quote to understand what I'm talking about

    I've found these references on the Wowza forum but they seem to refer to VOD streaming files, not live streaming:



    Question-2: Is there a way to check if the codecs are installed on the computer via the browser?
    Modernizr and other feature detection libraries only check if the browser, not the computer, has that capability.



    There is more ambiguity still in the Firefox documentation because it does in fact state that Firefox supports:
    • DASH ("via Javascript and MSE" - Media Source Extensions)
    • HLS ("via Javascript and CORS" Cross-origin resource sharing - read this if you want to know more on why and how)

    BUT
    CanIUse.com on Media Sources states that MSE are not supported in Firefox (unless the media.mediasources.enabled flag is turned to "true")
    The same thing is stated by this Wikipedia Article that points to the fact that Media sources are enabled only for Youtube
    However if you open this url in firefox
    about:config
    and you look for the
    media.mediasource.enabled
    flag, you might have it turned on... I did (on Firefox 40)
    The only off flag was
    media.mediasource.webm.enabled = false
    Question-3: without this flag (media.mediasource.webm.enabled) I'm guessing that transcoding the live stream to WebM won't be of any use since I can't playback it?
    or am I misunderstanding the meaning of the flag?




    Other Solutions:






    Hope you can help me in this quest,
    especially with question 1
    thanks in advance

    all the best
    b.
    Last edited by lyricalpolymath; 09-23-2015 at 07:23 AM.

  2. #2

    Default

    Hi,

    Certain HTML5 compatible browsers can play Wowza HLS streams natively using the <video> tag. Examples of these are Safari on OS X and Microsoft Edge on Windows 10, so the following example script can be used to play back a Wowza formatted stream directly within the browser and without the requirement of any embedded player,

    PHP Code:
    <html>

    <
    head
    <
    title>HTML5 Streaming Test</title
    </
    head>

    <
    body>

    <
    video controls src="http://[WOWZA-IP]:1935/vod/mp4:sample.mp4/playlist.m3u8"
    </
    video>

    </
    body>

    </
    html
    Paul

  3. #3

    Default

    Paul,

    Is Seriously ? lyricalpolymath

    sends such a complete question in detail, and you have the courage to answer just that?

    You got to be kidding, or making a joke.

    I have the same problem, and if you can not help, please ask a technician better able to help us.

  4. #4

    Default

    Hi Josimar,

    My response was with regards to playing Wowza streams natively in an HTML5 browser, which was what the OP primarily wanted addressing. Can you please elaborate on the problem you are currently facing? If you prefer, you can open a ticket and be assured that it will be responded to.


    Paul

  5. #5

    Default

    Firefox 42 now has native support for DASH streaming without Flash. Works with Wowza. Tested on live streams.

  6. #6

    Default

    That will be painful again :-(

    I can confirm that Windows Firefox 42 works well on default HTML 5 tag but not on Mac Firefox 42!

    Quote Originally Posted by Speed666 View Post
    Firefox 42 now has native support for DASH streaming without Flash. Works with Wowza. Tested on live streams.

    But that is really interesting, you can use some players:

    http://www.dash-player.com/demo/manifest-test/ - that one works well on WIN FF42, and almost well (some small scratches after 30seconds) on MAC FF 42
    https://www.wowza.com/testplayers - that one does not on FF42 even on WIN and MAC
    http://dashif.org/reference/players/...yer/index.html - that one looks like works on FF42 but it does not on MAC FF 42, not tested on WIN (making cycles)

    try this stream (5seconds GOP, 10seconds chunks, H264, AAC).
    http://stream.mediawork.cz:1935/retr...2/manifest.mpd
    Last edited by Radek Novotny; 12-02-2015 at 12:20 PM.

  7. #7
    Join Date
    Aug 2016
    Posts
    1

    Default hls.js working great in FireFox on mac

    Quote Originally Posted by Radek Novotny View Post
    That will be painful again :-(

    I can confirm that Windows Firefox 42 works well on default HTML 5 tag but not on Mac Firefox 42!
    Take a look at:
    https://github.com/dailymotion/hls.js

    This seems to work pretty well on all the browsers I have tried.

  8. #8

    Default

    Quote Originally Posted by friksa View Post
    Take a look at:
    https://github.com/dailymotion/hls.js

    This seems to work pretty well on all the browsers I have tried.
    Wow looks really nice player, thks !

Similar Threads

  1. RTMPT streaming not working on our viewer in chrome and firefox
    By gpkreddy29@gmail.com in forum Live Streaming and Encoder Discussion
    Replies: 3
    Last Post: 09-18-2013, 06:30 AM
  2. how to do HLS on browsers like mozilla FireFox
    By ppulavarthi in forum Live Streaming and Encoder Discussion
    Replies: 2
    Last Post: 02-12-2013, 08:09 AM
  3. Flash 11.3.x + Firefox (protected mode) - Failed to connect to RTMPS stream
    By roman.s in forum Live Streaming and Encoder Discussion
    Replies: 5
    Last Post: 08-01-2012, 01:33 AM
  4. EZDRM possible failure with Firefox and Safari on MAC
    By inerim in forum AddOn: Wowza DRM
    Replies: 1
    Last Post: 10-12-2011, 05:35 PM

Posting Permissions

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