webcodecs-flv
Version:
webcodecs decode flv
46 lines (45 loc) • 1.72 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<canvas width="640" height="360" id="canvas"></canvas>
<button id="play">play</button>
<button id="stop">stop</button>
</body>
<script type="module">
import player from './src/index.js';
var players = new player({ el: 'canvas' });
// var timer = setInterval(() => {
// if (new Date().getTime() >= 1656410120000) {
// players.play('http://flv.bdplay.nodemedia.cn/live/bbb_264.flv');
// }
// if (new Date().getTime() >= 1656410135000) {
// players.stop();
// clearInterval(timer);
// }
// }, 100);
console.log(new Date().getTime());
document.getElementById('play').addEventListener('click', () => {
players.play('http://flv.bdplay.nodemedia.cn/live/bbb_264.flv');
});
document.getElementById('stop').addEventListener('click', () => {
players.stop();
});
// create an ArrayBuffer with a size in bytes
const buffer = new ArrayBuffer(16);
// Create a couple of views
const view1 = new DataView(buffer);
const view2 = new DataView(buffer, 12, 4); //from byte 12 for the next 4 bytes 从12字节到最后取4个字节
view1.setInt8(12, 42); // put 42 in slot 12 在12位放42
view1.setInt8(0, 42);
view1.setInt8(1, 1);
console.log(view2.getInt8(0));
console.log(view1.getUint32(0, true)); //默认是false 从高到低 true->从低到高
console.log(new Uint8Array(buffer));
// expected output: 42
</script>
</html>