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>