x15904151985/ArtPlayer
1
0 Fork 0
mirror of https://github.com/zhw2590582/ArtPlayer.git synced 2026-10-08 19:06:15 -08:00
Code Issues Packages Projects Releases Wiki Activity

添加更多演示

Browse Source
This commit is contained in:
Harvey Zack committed 2018-11-24 23:28:51 +08:00
1 parent 7c3f7f2696
commit 32b43ac5db
5 files changed
+147 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

docs/lab/dash.html
+60
View File
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title>ArtPlayer.js Lab</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0,minimal-ui">
<meta name="keywords" content="artplayer,html5,video,player">
<meta name="description" content="ArtPlayer is a modern HTML5 video player">
<link rel="shortcut icon" href="./img/favicon.ico">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./plugins/codemirror.css">
<link rel="stylesheet" href="./plugins/consola.css">
<link rel="stylesheet" href="./css/artplayer.css">
</head>
<body>
<div class="container">
<div class="part-left">
<div class="controls">
<div class="left">
<a href="./dash.html" class="logo">ArtPlayer.js Lab</a>
<a href="../docs" class="logo">Document</a>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</div>
<input class="run" type="button" value="Run Code">
</div>
<div class="code"></div>
</div>
<div class="part-right">
<div class="video-wrap">
<div class="artplayer-app"></div>
</div>
<div class="console"></div>
</div>
</div>
<script src="./plugins/consola.js"></script>
<script src="./plugins/codemirror.js"></script>
<script src="./plugins/javascript.js"></script>
<script src="https://cdn.bootcss.com/dashjs/2.9.2/dash.all.min.js"></script>
<script src="./js/artplayer.js"></script>
<script src="./js/common.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?59d546bcda559725a968939647a0dcae";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
loadCode('./js/dash.js');
</script>
</body>
</html>
docs/lab/js/dash.js
+10
View File
@@ -0,0 +1,10 @@
var art = new Artplayer({
container: '.artplayer-app',
url: 'https://dash.akamaized.net/envivio/EnvivioDash3/manifest.mpd',
customType: {
mpd: function(video, url) {
var player = dashjs.MediaPlayer().create();
player.initialize(video, url, true);
},
},
});
docs/lab/js/webtorrent.js
+16
View File
@@ -0,0 +1,16 @@
var art = new Artplayer({
container: '.artplayer-app',
url: 'magnet:?xt=urn:btih:6a9759bffd5c0af65319979fb7832189f4f3c35d&dn=sintel.mp4&tr=wss%3A%2F%2Ftracker.btorrent.xyz&tr=wss%3A%2F%2Ftracker.fastcast.nz&tr=wss%3A%2F%2Ftracker.openwebtorrent.com&tr=wss%3A%2F%2Ftracker.webtorrent.io&ws=https%3A%2F%2Fwebtorrent.io%2Ftorrents%2Fsintel-1024-surround.mp4',
type: 'torrent',
customType: {
torrent: function (video, url) {
var client = new WebTorrent();
client.add(url, function (torrent) {
var file = torrent.files[0];
file.renderTo(video, {
autoplay: true
})
})
},
},
});
docs/lab/shaka.html
+1 -1
View File
@@ -21,7 +21,7 @@
<div class="part-left">
<div class="controls">
<div class="left">
<a href="./hls.html" class="logo">ArtPlayer.js Lab</a>
<a href="./shaka.html" class="logo">ArtPlayer.js Lab</a>
<a href="../docs" class="logo">Document</a>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
docs/lab/webtorrent.html
+60
View File
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title>ArtPlayer.js Lab</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0,minimal-ui">
<meta name="keywords" content="artplayer,html5,video,player">
<meta name="description" content="ArtPlayer is a modern HTML5 video player">
<link rel="shortcut icon" href="./img/favicon.ico">
<link rel="stylesheet" href="./css/normalize.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="stylesheet" href="./plugins/codemirror.css">
<link rel="stylesheet" href="./plugins/consola.css">
<link rel="stylesheet" href="./css/artplayer.css">
</head>
<body>
<div class="container">
<div class="part-left">
<div class="controls">
<div class="left">
<a href="./webtorrent.html" class="logo">ArtPlayer.js Lab</a>
<a href="../docs" class="logo">Document</a>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=star&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=zhw2590582&repo=ArtPlayer&type=fork&count=true" frameborder="0" scrolling="0" width="100px" height="20px"></iframe>
</div>
<input class="run" type="button" value="Run Code">
</div>
<div class="code"></div>
</div>
<div class="part-right">
<div class="video-wrap">
<div class="artplayer-app"></div>
</div>
<div class="console"></div>
</div>
</div>
<script src="./plugins/consola.js"></script>
<script src="./plugins/codemirror.js"></script>
<script src="./plugins/javascript.js"></script>
<script src="https://cdn.bootcss.com/webtorrent/0.102.4/webtorrent.min.js"></script>
<script src="./js/artplayer.js"></script>
<script src="./js/common.js"></script>
<script>
var _hmt = _hmt || [];
(function() {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?59d546bcda559725a968939647a0dcae";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
<script>
loadCode('./js/webtorrent.js');
</script>
</body>
</html>