简介

随着视频编码技术的发展，相比 H.264, H.265 同等画质体积仅为一半、带宽占用省一半、画质更细腻等诸多优势。 但 Web 浏览器还不支持 H.265 的解码播放，因此基于 Web Assembly、JS 解封装、Canvas 投影实现 Web 端的 H265 播放。

支持主要浏览器及其版本如下：
Chrome（>57） Safari (>11) Firefox (>52)

工程打包

* yarn build  # 打包正式环境

运行

进入根目录运行

http-server -p 8000

浏览器输入http://127.0.0.1:8000/demo/demo.html查看效果

NPM 使用

项目中引入

yarn add arrow-h265player

使用

import Player from "arrow-h265player";

const wasmPath = window.location.origin + "/wasm/";
const canvas=document.getElementById('canvas');
this.player = new Player(
  wasmPath,//wasm链接地址
  rtspUrl,//rtsp地址和账户密码
  canvas,//canvas DOM
  (state, msg) => {
    console.log(state,msg);// 播放状态回调函数
  }
);