Vue は vue-h265-player を使用して h265 エンコード形式のビデオ ストリームを再生します

GitHub アドレス

vue-h265-プレーヤー

h265 エンコード形式のビデオ ストリーム再生をサポート

vue使用vue-h265-player

1.vue-h265-playerをインストールする

npm install vue-h265-player

2. libDecoder.wasm ファイルをパブリック ディレクトリにコピーします。

node_modules/h265-player/lib/libDecoder.wasm ファイルをパブリック ディレクトリにコピーします。

3. サンプルコード

url: 再生する必要があるリンク。この値の変更に応じてプレーヤーは自動的に再起動します。
maxRetryCount: 上限に達した後にトリガーされる再接続試行の最大数 on-errorevents:
on-error: このメソッドはリンクが利用できない場合にトリガーされます

<template>
  <div id="app">
    <H265Player
      @on-error="handleOnError"
      :url="url"
      style="width: 80vw;height:45vw"
    />
  </div>
</template>

<script>
  import H265Player from 'vue-h265-player';

  export default {
      
      
    name: 'App',
    components: {
      
      
      H265Player,
    },
    data: () => ({
      
      
      url: 'a h265 hls url',
    }),
    methods: {
      
      
      handleOnError(error) {
      
      
        console.log('error: ', error);
      },
    },
  };
</script>