Webcodecs-h265-stream-player NPM

h265-player

🚀 h265 stream player 🌈. 在浏览器上播放 H265 视频流，调用 WebCodecs API 对 H265 视频流进行解码，并通过 canvas 绘制。

安装

npm i webcodecs-h265-stream-player

使用

import H265Player from "webcodecs-h265-stream-player";

new H265Player(HTMLCanvasElement);

api

HTMLCanvasElement

canvas dom，用来绘制解码出来的图像

方法

方法	说明	参数
feed	喂给播放器一帧 h265 视频流	(arraybuffer,timestamp)，arraybuffer 是 ArrayBuffer 类型，timestamp 是 number 类型的时间戳（秒）
pause	暂停播放
play	开始播放
fullscreen	视频全屏
destroy	销毁播放器
on	监听事件	参照下面`监听事件`
off	取消监听事件

监听事件

事件	说明	回调值
ready	播放器已准备好，可以开始调用 start 方法和 feed 方法了
size	解码出来的视频的分辨率	{width,height}
play	视频正在播放
pause	视频暂停
error	视频播放出错

简单代码

import H265Player from "h265-player";
const canvas = document.getElementById("canvas");

var player = new H265Player(canvas);
player.on("ready", () => {
  console.log("ready");
  player.start();
});
player.on("size", function (e) {
  console.log("size", e.width, e.height, e.mode);
});
player.on("play", () => {
  console.log("play");
});
player.on("pause", () => {
  console.log("pause");
});
player.on("error", (e) => {
  console.log("player error", e);
});

function feed(arraybuffer, timestamp) {
  if (player) {
    player.feed(arraybuffer, timestamp);
  }
}