tungstenowl/EasyPlayerJs
1
0
Fork 0
mirror of https://github.com/hevin-lee/EasyPlayerJs.git synced 2026-06-15 14:20:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add H265 Decoding

Browse Source
This commit is contained in:
Sake
2021-05-31 10:11:25 +08:00
parent ec592756e8
commit 7635dd706b
20 changed files with 8374 additions and 274 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
demo/html/index.html
View File

@@ -4,37 +4,28 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EasyWasmPlayer</title>
<script src="./EasyWasmPlayer.js"></script>
<title>EasyPlayer</title>
<script src="./jquery.min.js"></script>
<script src="./EasyPlayer-element.min.js"></script>
</head>
<body>
<h4 style="width:600px;margin: auto;">H265播放器</h4>
<h4 style="width:600px;margin: auto;">H264播放器</h4>
<br>
<div style="width:600px;height: 400px; background-color:pink;margin: auto;">
<div id="newplay" onClick="onplay"></div>
<p>列如：http://127.0.0.1:8080/flv/hls/stream.flv <a href="http://www.easydarwin.org/easywasmplayer/" target="_blank"> 在线演示</a></p>
<div style="width:600px;margin: auto;">
<easy-player id="player" live="true" show-custom-button="true"></easy-player>
<p>列如：http://127.0.0.1:8080/flv/hls/stream.flv <a href="http://www.easydarwin.org/easyplayer/" target="_blank"> 在线演示</a></p>
<p style="color:red;font-size: 12px;">注意：本实例需要以服务方式启动 <a href="https://blog.csdn.net/weixin_43194037/article/details/108885134" target="_blank">搭建服务教程</a></p>
<input type="text" id="value">
<button id="btn">播放</button>
</div>
<script>
// 播放器回调函数
callbackfun = function (e) {
console.log(e);
}
// 播放按钮
var btn = document.getElementById('btn');
// 地址栏
var value = document.getElementById('value');
// 实例播放器
var player = new WasmPlayer(null, 'newplay', callbackfun,{
Height:true
})
//播放事件 传入地址播放
btn.onclick = function(){
player.play(value.value,1);
console.log(value.value);
$('#player').attr('video-url',value.value)
}
</script>