对于学校,我需要建立一个 HTML5 直播网站。他们有一个一直在使用的 Flash 流播放器,但现在希望它改用 HTML5。我怎样才能做到这一点?我尝试使用视频标签,但无法正常工作。下面是我的代码。有人能指出我正确的方向吗?
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Deltion Live Streaming</title>
<script language="javascript" type="text/javascript" src="../swfobject.js"></script>
</head>
<body>
<video id="movie" width="460" height="306" preload autoplay>
<source src="rtmp://fl2.sz.xlcdn.com:80/sz=Deltion_College=lb1" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
<!-- HERE THE CODE FOR THE ALTERNATIVE PLAYER (FLASH) WILL BE! -->
</video>
</body>
</html>
一个可能的替代方案:
-
使用编码器(例如 VLC 或 FFmpeg)对输入流进行打包
为 OGG 格式。例如,在本例中我使用 VLC 进行打包
具有以下代码的屏幕捕获设备:
C:\Program Files\VideoLAN\VLC\vlc.exe -I 虚拟屏幕://
:屏幕 fps=16.000000 :屏幕缓存=100
:sout=#transcode{vcodec=theo,vb=800,scale=1,width=600,height=480,acodec=mp3}:http{mux=ogg,dst=127.0.0.1:8080/desktop.ogg}
:no-sout-rtp-sap :no-sout-standard-sap :ttl=1 :sout-keep
-
将此代码嵌入到<video>
HTML 页面中的标记如下:
<video id="video" src="http://localhost:8080/desktop.ogg" autoplay="autoplay" />
这应该可以解决问题。然而它的性能有点差,据我所知 MP4 容器类型在浏览器中应该比 OGG 有更好的支持。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)