1987WEB视界-分享互联网热门产品和行业

您现在的位置是:首页 > WEB开发 > 正文

WEB开发

关于vue播放flv,m3u8视频流(监控)的方法

1987web2024-03-25WEB开发170
关于vue播放flv,m3u8视频流(监控)的方法

关于vue播放flv,m3u8视频流(监控)的方法

前文:随着前端大屏页面的逐渐壮大,客户的需求也越来越多,大屏上面展示的事物也越来越丰     富。其中实时播放监控的需求逐步增加,视频流格式也是有很多种,用到最多的.flv、.m3u8。

一、 JessibucaPlayer插件用来播放flv流

1.首先是先把文件放在vue项目的public下面

2.在index.html文件里面引入 index.js文件(直接引入即可)

3.把封装好的JessibucaPlayer组件放到公共components

<template><divclass="jessibuca-player"style="width: 100%; height: 100%"><divclass="container":id="id"ref="container">