互联网网络流媒体简介
现在直播很流行，心里痒痒就试试。不讲多，我们只需要知道常见的几种流媒体格式就行，至于发展与演变，里面的专业知识，主要的流媒体格式有RTSP,RTMP,HLS,WebRtc，这对于开发就足够。
播放HLS格式的视频
为什么要选择HLS格式的视频呢？因为浏览器没有办法支持播放RTSP，无法识别这种类型的视频流，RTMP格式的视频是需要借助Flash否则也是无法播放，但是Chrome88彻底禁用Flash，于是跟同事商量选择了HLS，接下里就是踩坑的开始
安装前端采用插件video.js
npm install –save video.js
要注意下载的版本要在7.0以上，主要是因为此版本以上的不需要因为安装videojs-contrib-hls插件，它是用来解析HLS视频的，但是只要你的版本在7.0以上就无需安装，直接使用
“video.js”:”^7.19.2″,
实现
import videojs from “video.js”;
export default {
props:{
“srcUrl”:{
type:String,
default:’http://ivi.bupt.edu.cn/hls/cctv1hd.m3u8′
}
},
mounted() {
this.getVideo();
},
methods:{
getVideo() {
videojs(
“my-video”,
{
bigPlayButton: true,
textTrackDisplay: false,
posterImage: true,
errorDisplay: false,
controlBar: false
},
function() {
this.play();
}
);
},
}
}
main.js引入样式import ‘video.js/dist/video-js.css’
代码已经准备就绪，其实用上面就可以不再参照其他，影响自己的判断力。其实提醒只需要将vlc的编码器信息改为h264，一切都是顺利成章了，当然这个需要联系给你视频地址的那个人进行配合，已经都完成了。你可以试一试。
原创文章，作者：小编小本本，如若转载，请注明出处：https://www.benjiyun.com/yunzhujiyunwei/vps-yunwei/7276.html
相关推荐
-
谷歌竞价排名(谷歌推广收费标准，谷歌推广多少钱？)
谷歌推广收费标准 你好，我是本际云服务器推荐网的小编小本本，想必大家都很关心谷歌推广收费标准。在国内，谷歌的代理商固定的收费标准都是一样的，只是每个公司的服务费会有所差异。如果想要…
-
解析ahooks整体架构及React工具库源码
ahooks源码解析第一篇：Reacthooksutils库与ahooks整体架构 你好，我是本际云服务器推荐网的小编小本本，今天为大家带来ahooks源码解析的第一篇文章。本系列…
-
anker是哪个国家的牌子(摩米士和安克哪个好？)
安克：跨境电商行业的标杆品牌 安克是一家国内牌子的公司，主要生产移动电源、充电器、数据线等等智能数码周边产品。安克不仅在亚马逊上成为了第一，也成为了全球的第一。安克是跨境电商行业的…
-
kubernetes-api-conventions
介绍 我是本际云服务器推荐网的小编小本本，今天给大家介绍一下kubernetes的API设计。 kubernetes API结构 kubernetesAPI采用RESTful风格，…
-
Mysql5.7版本主主搭建
主主搭建原理 MySQL主主搭建是指将两台MySQL服务器互为主从的过程。在主从搭建完成后，即可进行主主配置。本文假设环境已经完成主从搭建，主MySQL服务器IP地址为192.16…
-
Ubuntu下如何配置nginx服务器（附详细操作步骤）
Ubuntu下如何配置nginx服务器 如果你是一名开发者或者管理员，你可能需要在你的Ubuntu服务器上安装并配置nginx服务器。在这篇文章中，我们将会学习到如何在Ubuntu…
-
年降至，祝您万事粥全~
本际云服务器，帮您实现高效云端运营 您好，我是本际云服务器推荐网的小编小本本。在这个云计算越来越流行、云端服务日益多元的时代，选择一款高效的云服务器显得格外重要。本际云服务器提供的…
-
购买服务器要多少钱
服务器价格因配置而异 我是本际云服务器推荐网的小编小本本，提醒您：购买服务器要多少钱，这个要看不同的配置，服务器的价格也是不一样的。 一般而言，主机厂家都会根据不同的场景进行打折促…
-
cdh调优
你好，我是本际云服务器推荐网的小编小本本。今天我们来谈一下CDH(Cloudera Distribution Including Apache Hadoop)的调优方法。 调整资源…
-
解析JavaScript判断两个值相等的方法
JavaScript中判断两个值相等的四种算法 本篇文章将介绍JavaScript中判断两个值相等的四种算法，包括严格相等、非严格相等、同值零和同值四种算法。在ECMAScript…