Merge pull request #64 from spacesvr/dev

v1.7.12

examples/src/scenes/Starter.jsx

@@ -18,6 +18,15 @@ export default () => {
   const [url, setUrl] = useState(
     "https://dwvo2npct47gg.cloudfront.net/gallery/bladi/IMG_8334.jpg"
   );
+  const [audio, setAudio] = useState(
+    "https://d27rt3a60hh1lx.cloudfront.net/audio/LucidMondayMix.mp3"
+  );
+
+  setTimeout(() => {
+    setAudio(
+      "https://d27rt3a60hh1lx.cloudfront.net/content/muse.place/whoisabnel/dark.mp3"
+    );
+  }, 10000);
 
   useEffect(() => {
     setTimeout(
@@ -49,7 +58,7 @@ export default () => {
         <boxBufferGeometry args={[1, 1, 1]} />
         <meshNormalMaterial />
       </mesh>
-      <Audio url="https://d27rt3a60hh1lx.cloudfront.net/content/muse.place/whoisabnel/dark.mp3" />
+      <Audio url={audio} />
       <Image
         src={url}
         size={3}

package.json

@@ -1,6 +1,6 @@
 {
   "name": "spacesvr",
-  "version": "1.7.10",
+  "version": "1.7.12",
   "private": true,
   "description": "An Environment for WebXR Spaces",
   "keywords": [

src/ideas/components/Audio.tsx

@@ -60,12 +60,14 @@ export const Audio = (props: AudioProps) => {
     const playAudio = () => audio.play().then(() => setupAudio());
 
     if (audio) {
+      audio.setAttribute("src", url);
+      audio.play().then(() => setupAudio());
       document.addEventListener("click", playAudio);
       return () => {
         document.removeEventListener("click", playAudio);
       };
     }
-  }, [speaker, audio]);
+  }, [speaker, audio, url]);
 
   useEffect(() => {
     if (!speaker) return;

src/layers/reality/ui/PauseMenu.tsx

@@ -186,7 +186,7 @@ export default function PauseMenu(props: PauseMenuProps) {
       )}`,
     },
     {
-      text: "v1.7.10",
+      text: "v1.7.12",
       action: () => {
         console.log("");
       },