javascript采用Broadway實現安卓視頻自動播放的方法
Broadway 是一個 H.264 解碼器, 比jsmpge清晰度要高 使用 Emscripten 工具從 Android 的 H.264 解碼器轉化而成，它還針對 WebGL 做了一些優化。
1 先把mp4要轉下 ffmpeg -i in.mp4 -s 500x804 -vcodec libx264 -pass 1 -coder 0 -bf 0 -flags -loop -wpredp 0 out.mp4
2 代碼如下
<pre>
<html>
<head>
<link type="text/css" href="screen.css" rel="stylesheet" />
</head>
<body onload="load()">
<script src="/moban/js/jquery.min.js"></script>
<script type="text/javascript" src="Decoder.js"></script>
<script type="text/javascript" src="YUVCanvas.js"></script>
<script type="text/javascript" src="Player.js"></script>
<script type="text/javascript" src="stream.js"></script>
<script type="text/javascript" src="mp4.js"></script>
<script type="text/javascript">
function load() {
var broadwaynode=$('.broadway')[0];
var broadway = new Broadway(broadwaynode);
broadway.play();
}
</script>
<div class="broadway" src="mozilla_story.mp4" width="640" height="360" style="float: left; position: relative;" workers="false" render="true" webgl="auto"></div>
</body>
</html>
// 用絕對定位是為了擋住下面的調試信息
canvas{
width: 100%;
height: 100%;
position: absolute;
left: 0px;
top: 0px;
z-index: 101;
}
var broadwaynode=$('.broadway')[0];
var broadway = new Broadway(broadwaynode);
broadway.play();
</pre>
3 官網資料 https://github.com/mbebenita/Broadway
ps:Unrecognized option 'wpredp'這個錯誤 說明 ffmpge不完整 建議用win版本