update docs

docs/index.html

@@ -23,9 +23,9 @@
             <div class="control">
                 <div class="header">
                     <div class="title">简单用法</div>
-                    <div class="run" data-id="1">运行</div>
+                    <div class="run">运行</div>
                 </div>
-                <div class="code" data-control="1"></div>
+                <div class="code"></div>
             </div>
         </div>
     </div>

docs/js/index.js

@@ -1,28 +1,38 @@
-var controlMap = {};
+var mirror = CodeMirror(document.querySelector(`.code`), {
-function creatCodeMirror(id, value) {
-    var mirror = CodeMirror(document.querySelector(`[data-control="${id}"]`), {
     lineNumbers: true,
     mode: 'javascript',
     matchBrackets: true,
-        value: value.trim()
+    value: ''
-    });
+});;
-    controlMap[Number(id)] = mirror;
+
-    return mirror;
+function creatCodeMirror(value) {
+    mirror.setValue(value.trim());
 }
 
 function initApp(app) {
-    console.log(app);
+    Artplayer.config.video.events.forEach(item => {
+        app.on('video:' + item, event => {
+            console.log('video: ' + event.type);
+        });
+    });
+}
+
+function timeTaken(callback) {
+    console.time('timeTaken');
+    const r = callback();
+    console.timeEnd('timeTaken');
+    return r;
 }
 
 var $error = document.querySelector('.error-tip');
-Array.from(document.querySelectorAll('.run')).forEach(function (item) {
+document.querySelector('.run').addEventListener('click', function (e) {
-    item.addEventListener('click', function (e) {
     try {
         Artplayer.instances.forEach(ins => {
             ins.destroy(true)
         });;
-            var id = Number(e.target.dataset.id);
+        timeTaken(function () {
-            eval(controlMap[id].getValue());
+            eval(mirror.getValue());
+        });
         initApp(Artplayer.instances[0]);
         $error.innerHTML = '';
     } catch (error) {
@@ -31,9 +41,8 @@ Array.from(document.querySelectorAll('.run')).forEach(function (item) {
         console.error(msg);
     }
 });
-});
 
-creatCodeMirror(1, `
+creatCodeMirror(`
 new Artplayer({
     container: '.artplayer-app',
     url: 'https://blog.zhw-island.com/assets-cdn/video/one-more-time-one-more-chance-480p.mp4'