阅读带有HTML5的red5直播

前端之家收集整理的这篇文章主要介绍了阅读带有HTML5的red5直播前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何使用 HTML5阅读Red5(RTMFP)流?

解决方法

Red5支持不同种类的流*,所以我不知道你的流是什么意思:

流媒体视频(FLV,F4V,MP4)
流媒体音频(MP3,F4A,M4A)
>记录客户端流(仅FLV)

来源:Red5 on Google Code.

你可能想要使用HTML5 Video Tag和/或HTML5 Audio Tag来播放流.因此,您将需要进行一些转换.

音频流

新技术,大量的浏览器,还没有通用的编解码器支持.

查看浏览器编解码器它支持*:

> FireFox 3.6

> Ogg Vorbis
> Wav

> Safari 5

> MP3
> WAV

> Chrome 6

> Ogg Vorbis
> MP3

> Opera 10.5

> Ogg Vorbis
> WAV

> Internet Explorer 9(测试版)

> MP3
> WAV

来源:Native Audio in the browser.

视频流

目前有关于HTML5 Video Codec Ogg TheoraH.264之间的讨论.所以进行转换为其中一种格式.我会推荐H.264,因为它看起来像Red5将实现H.264支持in the future.

与视频一样音频..新技术,很多的浏览器,没有通用的编解码器支持.参见列表:HTML5 Video on Wikipedia.

转换后

检查视频和音频标签支持的最简单方法是通过脚本动态创建一个或两个,并检查是否存在一个功能

var hasVideo = !!(document.createElement('video').canPlayType);

这个简单的代码行将动态创建一个视频元素并检查是否存在canPlayType()函数.通过使用!!运算符,结果转换为布尔值,表示是否可以创建视频对象.

另外

您可以使用Flash回退来投放2个流:

<video src="video.ogg">
  <object data="videoplayer.swf" type="application/x-shockwave-flash">
    <param name="movie" value="video.swf"/>
  </object>
</video>

视频标签默认使用,如果不支持,浏览器将使用flashplayer.

编辑:

我现在看到这个Red5 supports H.264 (Live Stream Publishing).请看这里如何使用HTML5 video tag with the H.264 codec

你也可以来看看:Adobe’s Video Player Widget.

猜你在找的HTML5相关文章