vue2使用easywasmplayer实现视频流播放

2023/10/21 17:52:31

vue2 使用 easywasmplayer 实现视频流播放

一、介绍

EasyPlayer.js H5 播放器,是一款能够同时支持 HTTP、RTMP、HTTP-FLV、HLS(m3u8)视频直播与视频点播等多种协议,支持 H.264、H.265、AAC 等多种音视频编码格式,支持 mse、wasm 等多种解码方式,支持 Windows、Linux、Android、iOS 全平台终端的 H5 播放器。

二、vue2 组件使用

import WasmPlayer from "@easydarwin/easywasmplayer";

methods: {
    ElWasmPlayer(id, url) {
    // 实例化播放器
    this.player = new WasmPlayer(null, id, this.callbackfun);
    // 调用播放
    this.player.play(url, 1);
},
    //播放事件回调
    callbackfun(e) {
      console.log('callbackfun', e);
    }
}