在自己的jsp页面上引入直播流媒体

今天做的功能主要是：在自己的jsp页面上引入流媒体，然后对流媒体进行管理。

流媒体的引入

①需要引入的流媒体格式是 m3u8

②在jsp页面需要引入js文件

<link href="https://unpkg.com/video.js/dist/video-js.css" rel="stylesheet">
<script src="https://unpkg.com/video.js/dist/video.js"></script>
<script src="https://unpkg.com/videojs-contrib-hls/dist/videojs-contrib-hls.js"></script>

jquery肯定要引入的，自己找自己的吧，肯定都有的。

③使用video标签

<video
  class="video-js vjs-default-skin vjs-big-play-centered" autoplay
  preload="auto" style="position: absolute; width: 95%; height: 95%"
  data-setup='{"example_option":true}'>
  <source src="***流媒体的网址***" type="application/x-mpegURL">
 </video>

直接照抄，更改网址，即可运行。宽高，属性自己再调，先出效果再说。

效果：

测试的m3u8地址：

http://ivi.bupt.edu.cn/hls/cctv5hd.m3u8