vue3直播视频流easy-player

花归去

已于 2024-08-01 19:21:03 修改

阅读量279

点赞数 3

分类专栏： vue3 文章标签：直播视频流 vue3

于 2024-08-01 17:39:01 首次发布

本文链接：https://blog.csdn.net/weixin_42120669/article/details/140853267

版权

vue3 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

vue3直播视频流easy-player

<script src="/easyPlayer/EasyPlayer-element.min.js"></script>

easyPlayer文件下载地址

https://download.csdn.net/download/weixin_42120669/89605739

<template>
  <div class="container">
 
    <div style="width: 90vw;height: 90vh;">
      <easy-player
                    muted
                    aspect="16:9"
                    :autoplay="true"
                    :fluent="true"
                    :video-url="videoOptions.src"
                    live
                    stretch
                  />
    </div>
    
  </div>
</template>
<script setup lang="ts">
import { onMounted, reactive, ref, computed } from 'vue';
const videoOptions = reactive({
  src: "https://open.ys7.com/v3/openlive/33010718992817239405:33010691991327413475_1_1.m3u8?expire=1752744590&id=735549178981507072&t=c974322b0d61050dfd575f772e8a25e3621bb65f26cc61f331deca0bf3dd892c&ev=100&devProto=gb28181", //视频源
  type: "m3u8", //视频类型
});
 
</script>