4.使用video.js 播放直播. 集成工具的使用

启动 集成工具推流

下载集成工具地址

链接:https://pan.baidu.com/s/1Pdm0shyPNWI3U9OIw8BLgA  密码:t3f0

 
## 使用集成的工具推流
cd  文件目录
 
## 启动集成工具
open server
 
 
### 命令。 端口后面的 推到那个地址可以自己写 但是接收的地址必须相对应
  推流命令
```shell
ffmpeg -re -i test.mp4 -c copy -f flv rtmp://localhost:1935/live/movie
```
 
### 直播地址
 
 
使用三种协议来播放视频 二进制文件中已经编译好了
 
 
站外直播流 可用于测试
## HLS 直播流
 
3. http://live.streamingfast.net/hls-live/goodtv/_definst_/liveevent/live-ch2-3.m3u8
4. http://live.streamingfast.net/hls-live/goodtv/_definst_/liveevent/live-ch5-2.m3u8
 
 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
<!-- http://videojs.com/plugins/ videojs插件的地址-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--需要倒入的两个包-->
<link rel="stylesheet" href="./video-js.min.css">
<script src="./video.min.js"></script>
<script src="./videojs-contrib-hls.min.js"></script>
<title>video.js</title>
</head>
<body>
<video id="my-player" class="video-js" controls preload="auto" poster="//vjs. zencdn.net/v/oceans.png">
<!--视频的路径-->
<!--<source src="../../../wq.mp4" type="video/mp4"></source>-->
<source
src=" http://127.0.0.1:7002/live/movie.m3u8" type="application/x-mpegURL">
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
web browser that
</p>
</video>
<script>
var player = videojs('my-player',{
width:400,
height:200
});
 
</script>
</body>
</html>

猜你喜欢

转载自www.cnblogs.com/collen/p/9031943.html
今日推荐