当前位置: 首页 > news >正文

vue3直播视频流easy-player

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-playermutedaspect="16:9":autoplay="true":fluent="true":video-url="videoOptions.src"livestretch/></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>

http://www.lryc.cn/news/412674.html

相关文章:

  • Python笔试面试题AI答之面向对象(3)
  • vulnhub靶场serial-php渗透(蜥蜴细!)
  • Qt Designer,仿作一个ui界面的练习(一):界面的基本布局
  • 《深入了解 Postman 接口测试工具》
  • java使用org.apache.commons:commons-compress解压 .7z压缩包
  • 通过知识库系统实现卓越医疗保健
  • 基于C语言从0开始手撸MQTT协议代码连接标准的MQTT服务器,完成数据上传和命令下发响应(华为云IOT服务器)
  • 程序员面试中的“八股文”:敲门砖还是绊脚石?
  • 液位传感器- 从零开始认识各种传感器【二十四期】
  • 【c++】爬虫到底违不违法?
  • Python基础知识笔记——特殊符号
  • Thinkphp仿华为商城源码/红色风格电脑手机数码商城系统网站源码
  • 超有用的数据恢复方法!你一定不要错过!
  • CDH清理磁盘空间完全攻略和完整实现自动化脚本(大数据清除日志)
  • vulhub:Apache解析漏洞apache_parsing
  • Raspberry Pi Docker 运行 IRIS
  • 【SQL Server】默认端口与自定义端口
  • 【笔记】Android 驻网(网络注册)状态变化的代码实现
  • SAP执行董事会变动
  • css-grid布局之美
  • Python面试整理-异常处理
  • linux服务之DHCP(centos7.6)
  • 2024最新的软件测试面试八股文
  • C++ STL transform_reduce 用法
  • MySQL5.7 排序
  • 【Unity】3D功能开发入门系列(一)
  • 【Python体验】第五天:目录搜索、数据爬虫(评论区里写作业)
  • elasticsearch性能调优方法原理与实战
  • python print 函数参数:sep 自定义分隔符,end 自定义结尾符
  • git 使用场景