vue3 video 播放rtmp视频?(360浏览器支持)

** 注意:目前只能在360浏览器播放rtmp视频**
谷歌浏览器不支持Flash Player的问题
试过上面这个方法,目前没能实现(没解决),如果有更好的解决方法,告诉我一下

需要下载版本较低的video.js版本库,目前能播放rtmp视频的版本是5.53

bash 复制代码
 npm install video.js@5.5.3 --save

播放rtmp需要flash支持需要安装

(这里我没有安装因为安装video.js 它已经包含了videojs-contrib-hls)

bash 复制代码
npm install videojs-contrib-hls

在需要用到的video 引用

javascript 复制代码
import videojs from 'video.js';
import 'video.js/dist/video-js.css';
// import "videojs-contrib-hls";// 引用这一步会报错,所以我没有引用它 (根据自己的需求来引用)

在界面引用

html 复制代码
<video id="vid-eobo" ref="videoRef" style="width:100%;height:300px;"  class="vjs-default-skin video-js"  controls preload="auto"  >
 </video>
javascript 复制代码
import { ref , reactive, defineEmits, onMounted, onBeforeMount, onBeforeUnmount } from 'vue'

const videoRef = ref(null);
const player = ref(null);

//     // 初始化video视频
  const  beginVideo=()=> {
  
    player.value = videojs('vid-eobo', {
       
        autoplay: true,
        techOrder: ["flash"], //设置flash播放
        playbackRates: [1, 2, 3, 4, 5, 8, 10, 20],
        notSupportedMessage:"此视频暂无法播放,检查设备状态是否正常或请查看是否安装flash", //无法播放时显示的信息
          sources: [{
        src: 'rtmp://####/live/stream1',
        type: 'rtmp/flv'
      }]
      });
    }
    onMounted(() => { 
    
      setTimeout(() => {
      beginVideo()
      }, 1000);
    
    });
    //销毁实例
    onBeforeUnmount(() => { player.value.dispose() });
相关推荐
非凡ghost4 小时前
MPC-BE视频播放器(强大视频播放器) 中文绿色版
前端·windows·音视频·软件需求
私人珍藏库5 小时前
[Windows] 随手剪-视频合并工具 v0.12多种格式多段视频50多种转场效果
windows·音视频
小钱c78 小时前
Python利用ffmpeg实现rtmp视频拉流和推流
python·ffmpeg·音视频
9527华安13 小时前
FPGA实现SRIO图像视频传输,基于Serial Rapidlo Gen2,提供6套工程源码和技术支持
图像处理·fpga开发·音视频·srio·xilinx
春末的南方城市14 小时前
港大和字节携手打造WorldWeaver:以统一建模方案整合感知条件,为长视频生成领域带来质量与一致性双重飞跃。
人工智能·深度学习·机器学习·计算机视觉·aigc·音视频
许泽宇的技术分享17 小时前
AudioNotes:当FunASR遇见Qwen2,音视频转笔记的技术革命
笔记·音视频
wan5555cn18 小时前
AI视频生成技术:从想象到现实的视觉革命
人工智能·笔记·深度学习·算法·音视频
MYZR118 小时前
蓝牙音箱的技术演进:从便捷到高保真的音频革命
人工智能·物联网·音视频·ssd2351
EasyCVR18 小时前
打破信息孤岛,构建统一视界:视频融合平台EasyCVR在智慧校园建设中的核心作用
音视频
liaomin41610056918 小时前
transformers音频实战01-音频概念
人工智能·音视频