82 lines
5.7 KiB
HTML
82 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link href="/favicon.ico" rel="icon" type="image/x-icon" />
|
|
<meta charset="utf-8" />
|
|
<title>h265webjs - https://github.com/numberwolf/h265web.js</title>
|
|
<meta charset="utf-8" name="author" content="ChangYanlong" />
|
|
<meta charset="utf-8" name="email" content="porschegt23@foxmail.com" />
|
|
<meta charset="utf-8" name="discord" content="numberwolf#8694" />
|
|
<script src="./js/dist-play.js"></script>
|
|
<style></style>
|
|
</head>
|
|
<body>
|
|
<div id="coverLayer" hidden="hidden">
|
|
<center>
|
|
<button id="coverLayerBtn"><font size="100px">PLAY</font></button>
|
|
</center>
|
|
</div>
|
|
|
|
<div id="player-container">
|
|
<div id="glplayer" class="glplayer"></div>
|
|
<div id="controller" class="controller">
|
|
<div id="progress-contaniner" class="progress-common progress-contaniner">
|
|
<div id="cachePts" class="progress-common cachePts"></div>
|
|
<div id="progressPts" class="progress-common progressPts"></div>
|
|
</div>
|
|
|
|
<div id="operate-container" class="operate-container">
|
|
<li id="playBar" class="playBtn">
|
|
<a href="javascript:void(0)" title="start">Start</a>
|
|
</li>
|
|
|
|
<span id="ptsLabel" class="ptsLabel">00:00:00/00:00:00</span>
|
|
<div class="voice-div">
|
|
<span>
|
|
<a id="muteBtn" class="muteBtn" href="javascript:void(0)">
|
|
<svg class="icon" style="width: 1em; height: 1em; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="488">
|
|
<path d="M153.6 665.6V358.4h204.8V256H153.6c-56.32 0-102.4 46.08-102.4 102.4v307.2c0 56.32 46.08 102.4 102.4 102.4h204.8v-102.4H153.6zM358.4 256v102.4l204.8-128v563.2L358.4 665.6v102.4l307.2 204.8V51.2zM768 261.12v107.52c61.44 20.48 102.4 76.8 102.4 143.36s-40.96 122.88-102.4 143.36v107.52c117.76-25.6 204.8-128 204.8-250.88s-87.04-225.28-204.8-250.88z" p-id="489"></path>
|
|
</svg>
|
|
</a>
|
|
</span>
|
|
<progress id="progressVoice" class="progressVoice" value="50" max="100"></progress>
|
|
</div>
|
|
|
|
<a id="fullScreenBtn" class="fullScreenBtn" href="javascript:void(0)">
|
|
<svg class="icon" style="width: 1em; height: 1em; vertical-align: middle; fill: currentColor; overflow: hidden" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="403">
|
|
<path d="M167.8 903.1c-11.5 0-22.9-4.4-31.7-13.1-17.5-17.5-17.5-45.8 0-63.3l221.1-221.1c17.5-17.5 45.9-17.5 63.3 0 17.5 17.5 17.5 45.8 0 63.3L199.4 890c-8.7 8.7-20.2 13.1-31.6 13.1zM638.5 432.4c-11.5 0-22.9-4.4-31.7-13.1-17.5-17.5-17.5-45.8 0-63.3l221.7-221.7c17.5-17.5 45.8-17.5 63.3 0s17.5 45.8 0 63.3L670.1 419.3c-8.7 8.7-20.2 13.1-31.6 13.1zM859.7 903.8c-11.5 0-23-4.4-31.7-13.1L606.7 668.8c-17.5-17.5-17.4-45.9 0.1-63.4s45.9-17.4 63.3 0.1l221.4 221.9c17.5 17.5 17.4 45.9-0.1 63.4-8.8 8.7-20.2 13-31.7 13zM389 432.1c-11.5 0-23-4.4-31.7-13.1L136.1 197.2c-17.5-17.5-17.4-45.9 0.1-63.4s45.9-17.4 63.3 0.1l221.2 221.7c17.5 17.5 17.4 45.9-0.1 63.4-8.7 8.7-20.2 13.1-31.6 13.1z" fill="#ffffff" p-id="404"></path>
|
|
<path d="M145 370c-24.7 0-44.8-20.1-44.8-44.8V221.8C100.2 153.5 155.7 98 224 98h103.4c24.7 0 44.8 20.1 44.8 44.8s-20.1 44.8-44.8 44.8H224c-18.9 0-34.2 15.3-34.2 34.2v103.4c0 24.7-20.1 44.8-44.8 44.8zM883.3 370c-24.7 0-44.8-20.1-44.8-44.8V221.8c0-18.9-15.3-34.2-34.2-34.2H700.8c-24.7 0-44.8-20.1-44.8-44.8S676.1 98 700.8 98h103.5c68.2 0 123.8 55.5 123.8 123.8v103.5c0 24.7-20.1 44.7-44.8 44.7zM327.5 926.6H224c-68.2 0-123.8-55.5-123.8-123.8V699.4c0-24.7 20.1-44.8 44.8-44.8s44.8 20.1 44.8 44.8v103.5c0 18.9 15.3 34.2 34.2 34.2h103.5c24.7 0 44.8 20.1 44.8 44.8s-20.1 44.7-44.8 44.7zM804.3 926.6H700.8c-24.7 0-44.8-20.1-44.8-44.8s20.1-44.8 44.8-44.8h103.5c18.9 0 34.2-15.4 34.2-34.2V699.4c0-24.7 20.1-44.8 44.8-44.8 24.7 0 44.8 20.1 44.8 44.8v103.5c0 68.2-55.6 123.7-123.8 123.7z" fill="#ffffff" p-id="405"></path>
|
|
</svg>
|
|
</a>
|
|
<span id="showLabel" class="showLabel"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
var token = "base64:QXV0aG9yOmNoYW5neWFubG9uZ3xudW1iZXJ3b2xmLEdpdGh1YjpodHRwczovL2dpdGh1Yi5jb20vbnVtYmVyd29sZixFbWFpbDpwb3JzY2hlZ3QyM0Bmb3htYWlsLmNvbSxRUTo1MzEzNjU4NzIsSG9tZVBhZ2U6aHR0cDovL3h2aWRlby52aWRlbyxEaXNjb3JkOm51bWJlcndvbGYjODY5NCx3ZWNoYXI6bnVtYmVyd29sZjExLEJlaWppbmcsV29ya0luOkJhaWR1";
|
|
var type = "mp4";
|
|
var url = "https://h265web.com/hevc_test_moov_set_head_16s.mp4";
|
|
const PLAYER_CORE_TYPE_DEFAULT = 0; // 默认内核 recommand!!!!!!
|
|
const PLAYER_CORE_TYPE_CNATIVE = 1; // 测试内核 FLV请用此内核(FLV VOD use this mode)
|
|
var config = {
|
|
type: type,
|
|
player: "glplayer",
|
|
width: 960,
|
|
height: 540,
|
|
accurateSeek: true,
|
|
token: token,
|
|
extInfo: {
|
|
core: PLAYER_CORE_TYPE_DEFAULT,
|
|
// core : PLAYER_CORE_TYPE_CNATIVE,
|
|
coreProbePart: 0.4,
|
|
moovStartFlag: true,
|
|
readyShow: true,
|
|
ignoreAudio: 0,
|
|
},
|
|
};
|
|
makeH265webjs(url, config);
|
|
</script>
|
|
</body>
|
|
</html>
|