添加更多演示

docs/lab/dash.html

@@ -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

@@ -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

@@ -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

@@ -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

@@ -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>