Grabe un complemento de video para vue usando jessibuca

Prefacio: Jessibuca es un reproductor de transmisión en vivo H5 puro de código abierto, que compila la biblioteca de decodificación de audio y video en Js (ams.js/wasm) a través de Emscripten y la ejecuta en el navegador. Compatible con casi todos los navegadores, puede ejecutarse en PC, teléfono móvil, WeChat, no es necesario instalar complementos adicionales

Adjunte el documento chino: http://jessibuca.monibuca.com/player.html

Pasos de uso:

1. Instalación (este complemento insertará automáticamente etiquetas de índice en html, por lo que puede usar directamente las variables de jessibuca globalmente en el código sin importar)  

npm instala vue-cli-plugin-jessibuca -D

# usar hilo

hilo agregar vue-cli-plugin-jessibuca -D

2. Vaya al sitio web oficial para encontrar estos tres archivos, si son los más recientes; de lo contrario, se puede informar un error (haga clic en el código fuente más reciente, descargará automáticamente el paquete comprimido, solo necesitamos encontrar estos tres archivos y ponerlos bajo el público de nuestro proyecto para su uso)

3. Uso específico (la configuración de parámetros específicos aún depende del documento según las necesidades del proyecto, aquí solo hago la reproducción de video más simple)

// 初始化视频函数
function init() {
  if (jessibuca) {
    jessibuca = new Jessibuca({
      container: document.getElementById("container"),//jessibuca需要容器
      videoBuffer: 0.2, // 缓存时长
      isResize: false,
      loadingText: "疯狂加载中...",
      useMSE: true,
      useWCS: true,
      debug: true,
      background: "@/assets/icons/svg/no-video.svg",
      supportDblclickFullscreen: true,
      showBandwidth: true, // 显示网速
      operateBtns: {
        fullscreen: true,
        screenshot: true,
        play: true,
        audio: true,
      },
      forceNoOffscreen: true,
      isNotMute: false,
      timeout: 10,
    });
  }
}

4. Ya casi está terminado aquí, y lo último que queda es jugar. 

//调用初始化函数
 init();
//记得写播放的代码哦
 jessibuca.play(视频地址 + "&&&.flv");//视频地址后面需要加上&&&.flv后缀,不然播放不出来哦