m3u8 视频流播放：(让后端把rtsp或rtmp转成m3u8视频流)

m3u8是直播流，也称视频流，是做直播视频用的，

m3u8支持谷歌浏览器

网址1：m3u8代码网址：

https://blog.csdn.net/a460550542/article/details/126761626

上面这个网址会报个videojs的错用下面这个网址解决
网址2：解决这个videojs报错：

就是把videojs('demo-video', options, function onPlayerReady() 这个函数里面的代码拷贝到m3u8那个网址里面const myPlyer = Videojs('videoPlayer', options, function onPlayerReady () { 这里面：

videojs获取视频播放进度和浏览时长_js获取video时长_test_appletwo的博客-CSDN博客

效果图：

代码步骤：
1. 安装：

版本一定要对：

npm add video.js

npm add videojs-contrib-hls@5.15.0

npm add mux.js@5.7.0

 2. main.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)

import './plugins/video.js'   // 引入视频

3.  vue中index页面：
div：

script

 data：

 mounted：