dash.js搭建web视频播放

1. nginx  dash.js

下载安装nginx

wget http://cdn.dashjs.org/latest/dash.all.min.js

生成mpd文件：https://github.com/MoonXu0722/ffmpeg-libav-tutorial

在html/编辑index.html文件

访问http://127.0.0.1

 

2 http-server dash.js

sudo  npm install http-server -g 

wget http://cdn.dashjs.org/latest/dash.all.min.js

生成mpd文件：https://github.com/MoonXu0722/ffmpeg-libav-tutorial

编辑index.html文件

http-server -a 127.0.0.1 -p 9999 --cors -c-1

至此文件已配置好，在客户端访问http://127.0.0.1:9999即可播放视频

index.html

<!DOCTYPE html>
<html>
<head>
<title>Dash.js Rocks</title>
<style>
video {
width: 640px;
height: 360px;
}
</style>
</head>
<body>
<div>
<video data-dashjs-player autoplay src="./manifest.mpd" controls>
</video>
</div>
<script src="./dash.all.min.js"></script>
</body>
</html>

posted @ 2022-06-27 16:37  MoonXu  阅读(824)  评论(0)    收藏  举报