HLS, MPEG DASH...., m3u8 Multi Bit Rate (MBR) video format in HYPE 3

video

(Olarte) #1

Hello, is there a way to m3u8 multi-bit-rate video format within an html5 video player in HYPE 3?

I’ve seen this link http://www.gravlab.com/2013/10/26/example-sample-http-live-streaming-m3u8-embedded-player/ and it seems it’s possible but don’t know which is the best way to implement this in hype 3, if possible.

It’s very easy to encode m3u8 with EPISODE PRO 6.5. I would like to know if the multi bit rate MBR video formats encoded with episode, can be supported in HYPE 3

Example http://www.telestream.net/pdfs/app-notes/app_Episode_Streaming_Media.pdf


#2

New in Hype, loving the software!

I am also curious about this. We’re building a quite video-heavy content site and this would be gorgeous!
I’ll keep an eye on this post.


#3

@DavidA @Oscar:
You can do this today, with very little code, but keep in mind that the application/x-mpegURL format isn’t supported outside of iOS/Safari & some Android devices.

Here’s a demo, which pulls this testing stream: http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8

video hls demo.zip (65.8 KB)

It uses the Video.js player, but you could do this with the normal video element by using this code:

<video controls preload="auto" width="640" height="264" >
 <source src="http://devimages.apple.com/iphone/samples/bipbop/gear1/prog_index.m3u8" type='application/x-mpegURL' />
   <!-- Use some fallback for other browsers --> 

</video>

Knowledge base: Guides from the Tumult Team
(Olarte) #4

Thanks a lot, will try.


(Olarte) #5

It works!!!. Now i can deploy MBR (multiple bit rate) video, and it adapts to the available bandwith.

Hype 3 professional it’s a great tool.

Thanks


(Jacques-Yves Bleau) #6

Hello,

Just a comment, if it can be helpful to anyone.

If you plan to support many borwsers/devices, I think it’s a good idea to consider video encoding/hosting services like: Vimeo, FlowPlayer drive, etc. Those services will take care of the “fallback to other browsers/devices”. And they will also they take care of the encodings.

Then embedding their player into Hype is also easy.

With regards.