From 0eea8f991c811c9a248fed6268f1115eb838f54e Mon Sep 17 00:00:00 2001
From: Evgeny Blokhin <eb@tilde.pro>
Date: Wed, 30 Nov 2022 00:21:03 +0100
Subject: [PATCH] Update phonon example app

---
 src/phonons.html | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/phonons.html b/src/phonons.html
index 114d5c9..a12bfe9 100755
--- a/src/phonons.html
+++ b/src/phonons.html
@@ -18,19 +18,20 @@
 <div id="left" class="content">
     <ul>
         <li class="trigger" data-phonon="1,1,1,1,1,1">Phonon #1</li>
-        <li class="trigger" data-phonon="-1,-1,-1,-1,-1,-1">Phonon #2</li>
-        <li class="trigger" data-phonon="0,0,0,0,0,0">Phonon #3</li>
+        <li class="trigger" data-phonon="1,-1,0,-1,1,0">Phonon #2</li>
+        <li class="trigger" data-phonon="0,0,1,0,0,-1">Phonon #3</li>
         <li id="stop">Stop</li>
     </ul>
 </div>
 
 <div id="right" class="content">
-    <iframe id="player" frameborder=0 scrolling="no" width="100%" height="700" src="/index.html#http://localhost:7878/1405.optimade"></iframe>
 </div>
 
 <script type="text/javascript">
 "use strict";
 
+var player_src = (window.location.host.indexOf('localhost') == -1) ? '/cifplayer/player.html' : '/player.html';
+
 var items = document.getElementsByClassName('trigger');
 for (var i = 0; i < items.length; i++){
     items[i].onclick = function(){
@@ -40,9 +41,11 @@
 }
 
 document.getElementById('stop').onclick = function(){
-    document.getElementById('player').contentWindow.repose();
+    document.getElementById('player').contentWindow.unvibrate();
 }
 
+document.getElementById('right').innerHTML = '<iframe id="player" frameborder=0 scrolling="no" width="100%" height="700" src="' + player_src + '#https://api.mpds.io/v0/download/s?export=1&q=S1822639"></iframe>';
+
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>