vue中使用videojs做M3U8,hls视频流格式的直播功能.新增flv格式

最近项目业务需要用到视频流直播。格式M3U8。在此记录一下

项目vue版本是2.5.16,先安装必须的插件

1.安装
yarn add video.js
yarn add videojs-contrib-hls // 这是播放hls流需要的插件
yarn add mux.js // 在vue中若不安装它可能报错
  "video.js": "^7.11.8",
  "videojs-contrib-hls": "^5.15.0",
  "mux.js": "^5.11.0",
2.配置videojs到全局,便于引用和管理
  1. 新建 plugins文件夹,新建video.js文件;


video.js里内容

import "video.js/dist/video-js.css"; // 引入video.js的css
import hls from "videojs-contrib-hls"; // 播放hls流需要的插件
import Vue from "vue";
Vue.use(hls);
  1. 在main.j
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值