@realsee/vreo 1.0.0-alpha.19 → 1.0.0-alpha.20

package/lib/Player/modules/keyframes/BgMusic/index.js

@@ -25,7 +25,7 @@ function getAudio() {
 
   var audio = function () {
     var audio = audioList.find(function (audio) {
-      return audio.src === src;
+      return audio.src === src && audio.paused;
     });
     if (audio) return audio;else {
       var newAudio = new Audio(src);
@@ -36,7 +36,6 @@ function getAudio() {
 
   audio.currentTime = currentTime;
   audio.setAttribute('playsinline', 'true');
-  audio.loop = true;
   return audio;
 }
 
@@ -67,10 +66,9 @@ function BgMusic() {
 
       var cleanAudio = function cleanAudio() {
         console.log('cleanAudio', keyframe.start);
+        audio.removeEventListener('canplaythrough', playCallback);
         audio.pause();
-        audio.src = '';
         cleanTimeout();
-        audio.removeEventListener('canplaythrough', playCallback);
       };
 
       var duration = end - start;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@realsee/vreo",
-  "version": "1.0.0-alpha.19",
+  "version": "1.0.0-alpha.20",
   "description": "Vreo (VR Video 缩写) 是基于如视三维渲染引擎 Five 和 用户界面构建库 React 实现的如视 3D 空间剧本播放器。",
   "keywords": [
     "realsee",
@@ -12,8 +12,6 @@
   "private": false,
   "files": [
     "lib",
-    "resources",
-    "docs",
     "stylesheets",
     "LICENSE",
     "CHANGELOG.md"

package/docs/.nojekyll

@@ -1 +0,0 @@
-TypeDoc added this file to prevent GitHub Pages from using Jekyll. You can turn off this behavior by setting the `githubPages` option to false.

package/docs/assets/custom.css

@@ -1,78 +0,0 @@
-body {
-  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
-  font-size: 16px;
-  color: #2e2e2e;
-}
-
-blockquote {
-  color: #7f8fa4;
-  padding: 8px 12px;
-  margin: 16px 0;
-  border-left: 3px solid #eaeaea;
-}
-
-blockquote p {
-  color: #7f8fa4 !important;
-  font-size: inherit;
-  line-height: 1.5;
-  margin: 0 !important;
-}
-
-.tsd-typography {
-  font-size: 16px;
-}
-
-.tsd-typography h4 {
-  line-height: 2;
-}
-
-.hljs {
-  background-color: transparent;
-  font-family: monospace;
-  font-size: 0.85rem;
-}
-code {
-  font-size: 14px;
-  background-color: rgb(96 125 139 / 10%);
-}
-
-pre {
-  background-color: rgb(205 220 57 / 8%);
-}
-
-p {
-  line-height: 1.5;
-}
-
-a {
-  color: #3832cf;
-}
-
-a:hover {
-  color: darkred;
-}
-
-body.dark {
-  color: #e9e9e9;
-}
-
-.dark a {
-  color: var(--color-link);
-}
-
-.dark a:hover {
-  color: #ed8e9f;
-}
-
-@media (prefers-color-scheme: dark) {
-  body {
-    color: #e9e9e9;
-  }
-  a {
-    color: var(--color-link);
-  }
-
-  a:hover {
-    color: #ed8e9f;
-  }
-}

package/docs/assets/highlight.css

@@ -1,127 +0,0 @@
-:root {
-    --light-hl-0: #008000;
-    --dark-hl-0: #6A9955;
-    --light-hl-1: #000000;
-    --dark-hl-1: #D4D4D4;
-    --light-hl-2: #AF00DB;
-    --dark-hl-2: #C586C0;
-    --light-hl-3: #A31515;
-    --dark-hl-3: #CE9178;
-    --light-hl-4: #0000FF;
-    --dark-hl-4: #569CD6;
-    --light-hl-5: #001080;
-    --dark-hl-5: #9CDCFE;
-    --light-hl-6: #0070C1;
-    --dark-hl-6: #4FC1FF;
-    --light-hl-7: #795E26;
-    --dark-hl-7: #DCDCAA;
-    --light-hl-8: #267F99;
-    --dark-hl-8: #4EC9B0;
-    --light-hl-9: #800000;
-    --dark-hl-9: #808080;
-    --light-hl-10: #800000;
-    --dark-hl-10: #569CD6;
-    --light-hl-11: #FF0000;
-    --dark-hl-11: #9CDCFE;
-    --light-hl-12: #000000FF;
-    --dark-hl-12: #D4D4D4;
-    --light-hl-13: #0451A5;
-    --dark-hl-13: #9CDCFE;
-    --light-hl-14: #098658;
-    --dark-hl-14: #B5CEA8;
-    --light-code-background: #F5F5F5;
-    --dark-code-background: #1E1E1E;
-}
-
-@media (prefers-color-scheme: light) { :root {
-    --hl-0: var(--light-hl-0);
-    --hl-1: var(--light-hl-1);
-    --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --code-background: var(--light-code-background);
-} }
-
-@media (prefers-color-scheme: dark) { :root {
-    --hl-0: var(--dark-hl-0);
-    --hl-1: var(--dark-hl-1);
-    --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --code-background: var(--dark-code-background);
-} }
-
-body.light {
-    --hl-0: var(--light-hl-0);
-    --hl-1: var(--light-hl-1);
-    --hl-2: var(--light-hl-2);
-    --hl-3: var(--light-hl-3);
-    --hl-4: var(--light-hl-4);
-    --hl-5: var(--light-hl-5);
-    --hl-6: var(--light-hl-6);
-    --hl-7: var(--light-hl-7);
-    --hl-8: var(--light-hl-8);
-    --hl-9: var(--light-hl-9);
-    --hl-10: var(--light-hl-10);
-    --hl-11: var(--light-hl-11);
-    --hl-12: var(--light-hl-12);
-    --hl-13: var(--light-hl-13);
-    --hl-14: var(--light-hl-14);
-    --code-background: var(--light-code-background);
-}
-
-body.dark {
-    --hl-0: var(--dark-hl-0);
-    --hl-1: var(--dark-hl-1);
-    --hl-2: var(--dark-hl-2);
-    --hl-3: var(--dark-hl-3);
-    --hl-4: var(--dark-hl-4);
-    --hl-5: var(--dark-hl-5);
-    --hl-6: var(--dark-hl-6);
-    --hl-7: var(--dark-hl-7);
-    --hl-8: var(--dark-hl-8);
-    --hl-9: var(--dark-hl-9);
-    --hl-10: var(--dark-hl-10);
-    --hl-11: var(--dark-hl-11);
-    --hl-12: var(--dark-hl-12);
-    --hl-13: var(--dark-hl-13);
-    --hl-14: var(--dark-hl-14);
-    --code-background: var(--dark-code-background);
-}
-
-.hl-0 { color: var(--hl-0); }
-.hl-1 { color: var(--hl-1); }
-.hl-2 { color: var(--hl-2); }
-.hl-3 { color: var(--hl-3); }
-.hl-4 { color: var(--hl-4); }
-.hl-5 { color: var(--hl-5); }
-.hl-6 { color: var(--hl-6); }
-.hl-7 { color: var(--hl-7); }
-.hl-8 { color: var(--hl-8); }
-.hl-9 { color: var(--hl-9); }
-.hl-10 { color: var(--hl-10); }
-.hl-11 { color: var(--hl-11); }
-.hl-12 { color: var(--hl-12); }
-.hl-13 { color: var(--hl-13); }
-.hl-14 { color: var(--hl-14); }
-pre, code { background: var(--code-background); }