url ytb creation de sequence et main commenté

jericho/main.py

@@ -898,6 +898,8 @@ class Jericho(ReachyMiniApp): # appli principale serveur app backend
                 angle = (0.5 + oscillation) * ANTENNA_MAX_alt
                 left_ant  = -angle
                 right_ant =  angle
+
+                
             elif emotion == "CONTENT":
                 oscillation = 0.8 * math.sin(2 * math.pi * 0.5 * t_state)
                 angle = oscillation * ANTENNA_MAX_alt
@@ -911,11 +913,11 @@ class Jericho(ReachyMiniApp): # appli principale serveur app backend
                 left_ant  =  target - 0.2
                 right_ant = -(target - 0.2)
             elif emotion == "PEUR":
-                tremblement = 0.1 * math.sin(2 * math.pi * 15.0 * t_state)
+                tremblement = 0.1 * math.sin(2 * math.pi * 16.0 * t_state)
                 angle = -1.0 * (1.0 - math.exp(-1.5 * t_state) + tremblement) * ANTENNA_MAX
                 left_ant  =  angle - 0.2
                 right_ant = -(angle - 0.2)
-            else:  
+            elif emotion =="JOIE":  
                 angle = 1.0 * (1.0 - math.exp(-14.0 * t_state)) * ANTENNA_MAX_alt
                 left_ant  = -(angle - 0.3)
                 right_ant =  (angle - 0.3)

jericho/static/index.html

@@ -10,15 +10,11 @@
     <header>
       <h1>【⚙】Jericho projet : Reachy Mini【⚙】</h1>
       <div id="conteneurHeader">
-<<<<<<< HEAD
         <img
           src="static/images/logoReachyMini.png"
           alt="Photo de Reachy"
           width="10%"
         />
-=======
-        <img src="static/images/logoReachyMini.png" alt="Photo de Reachy" width="10%" />
->>>>>>> abc461f5bd956c99158acc406f426086d1d49797
         <div id="robot-status">Prêt</div>
       </div>
     </header>
@@ -49,7 +45,6 @@
       </section>
 
       <section class="card">
-<<<<<<< HEAD
         <h2>[▶] Importer depuis YouTube</h2>
         <div class="form-group">
           <label>Nom du projet :</label>
@@ -74,22 +69,19 @@
       </section>
 
       <section class="card">
-=======
->>>>>>> abc461f5bd956c99158acc406f426086d1d49797
         <h2>►► Votre bibliothèque</h2>
         <div id="video-library" class="grid-library">
           <p class="empty-text">Aucune vidéo enregistrée.</p>
         </div>
       </section>
+
       <section class="card">
         <h2>[+] Créer une séquence d'émotions</h2>
         <div class="form-group">
           <label>Nom de la création :</label>
           <input type="text" id="seq-name" placeholder="ex: sequence_test_01" />
         </div>
-
         <div id="sequence-list" style="margin-bottom: 15px"></div>
-
         <button
           id="add-emotion-btn"
           class="btn-primary"
@@ -106,19 +98,16 @@
         </button>
         <p id="seq-msg"></p>
       </section>
+
       <section id="player-section" class="card hidden">
         <h2 id="current-video-title">Lecture</h2>
         <video id="video-player" controls></video>
-
         <div class="sync-controls">
           <button id="launch-sync-btn" class="btn-success">
             [►] Lire vidéo + robot synchronisés
-<<<<<<< HEAD
           </button>
           <button id="launch-seq-btn" class="btn-success" style="display: none">
             [►] Lire la séquence (sans vidéo)
-=======
->>>>>>> abc461f5bd956c99158acc406f426086d1d49797
           </button>
           <p class="sync-hint">
             Les pauses, reprises et déplacements dans la vidéo sont envoyés au
@@ -130,7 +119,6 @@
       <section class="card">
         <h2>☻ Les émotions</h2>
         <div id="listeEmotions">
-<<<<<<< HEAD
           <button id="joie">Joie</button>
           <button id="content">Content</button>
           <button id="surprise">Surprise</button>
@@ -138,29 +126,6 @@
           <button id="peur">Peur</button>
           <button id="tristesse">Tristesse</button>
           <button id="neutre">Neutre</button>
-=======
-          <button id="joie">
-            Joie
-          </button>
-          <button id="content">
-            Content
-          </button>
-          <button id="surprise">
-            Surprise
-          </button>
-          <button id="colere">
-            Colère
-          </button>
-          <button id="peur">
-            Peur
-          </button>
-          <button id="tristesse">
-            Tristesse
-          </button>
-          <button id="neutre">
-            Neutre
-          </button>
->>>>>>> abc461f5bd956c99158acc406f426086d1d49797
         </div>
       </section>
     </main>

jericho/static/main.js

@@ -74,13 +74,11 @@ document.addEventListener('DOMContentLoaded', () => {
         };
     }
 
-    // Boutons d'émotions
     const emotionIds = ['joie', 'content', 'surprise', 'colere', 'peur', 'tristesse', 'neutre'];
     emotionIds.forEach(id => {
         const el = document.getElementById(id);
         if (!el) return;
         el.addEventListener('click', async () => {
-            // Highlight du bouton actif
             emotionIds.forEach(eid => document.getElementById(eid)?.classList.remove('active-emotion'));
             el.classList.add('active-emotion');
 
@@ -236,7 +234,6 @@ async function loadLibrary() {
                                     <br><strong>${safeName}</strong><br><span style="color:green; font-size:12px;">Prêt</span>
                                 </div>`;
                 } else if (video.status === 'CREATION_DONE') {
-                    
                     const nameArg = JSON.stringify(video.name).replaceAll('"', '&quot;');
                     newHTML += `<div class="video-item" onclick="loadVideoPlayer(${nameArg}, null)" style="position:relative; border: 2px solid purple;">
                                     ${deleteBtn}
@@ -262,7 +259,8 @@ async function loadLibrary() {
                                     ${deleteBtn}
                                     <br><strong>${safeName}</strong><br><span style="color:red; font-size:11px;">Échec (survolez)</span>
                                 </div>`;
-                     newHTML += `<div class="video-item" style="position:relative; opacity: 0.5; cursor: wait;">
+                } else {
+                    newHTML += `<div class="video-item" style="position:relative; opacity: 0.5; cursor: wait;">
                                     ${deleteBtn}
                                     <br><strong>${safeName}</strong><br><span style="color:gray; font-size:12px;">En attente</span>
                                 </div>`;
@@ -282,7 +280,6 @@ window.loadVideoPlayer = async function(name, url) {
     if (currentLoadedProject && currentLoadedProject !== name) {
         await sendPlayback('stop', { projectName: currentLoadedProject, playing: false });
     }
-
     
     document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
     await fetch('/api/emotion', {
@@ -299,7 +296,6 @@ window.loadVideoPlayer = async function(name, url) {
     const btnSeq = document.getElementById('launch-seq-btn');
 
     if (url) {
-        
         videoPlayer.src = url;
         videoPlayer.style.display = 'block';
         if(btnSync) btnSync.style.display = 'inline-block';
@@ -307,7 +303,6 @@ window.loadVideoPlayer = async function(name, url) {
         videoPlayer.load();
         robotStatus.textContent = 'Vidéo chargée — son sur Reachy Mini';
     } else {
-       
         videoPlayer.removeAttribute('src');
         videoPlayer.style.display = 'none';
         if(btnSync) btnSync.style.display = 'none';
@@ -318,7 +313,6 @@ window.loadVideoPlayer = async function(name, url) {
 
 videoPlayer.addEventListener('play', () => {
     if (!currentLoadedProject) return;
-    videoPlayer.muted = true;
     robotStatus.textContent = 'Lecture synchronisée — audio robot';
     sendPlayback('play', { playing: true });
     startSyncLoop();
@@ -357,98 +351,6 @@ videoPlayer.addEventListener('ended', () => {
     stopSyncLoop();
 });
 
-let boutonJoie=document.getElementById('joie');
-let boutonContent=document.getElementById('content');
-let boutonSurprise=document.getElementById('surprise');
-let boutonColere=document.getElementById('colere');
-let boutonPeur=document.getElementById('peur');
-let boutonTristesse=document.getElementById('tristesse');
-let boutonNeutre=document.getElementById('neutre');
-
-boutonJoie.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'JOIE' })
-    });
-    robotStatus.textContent = 'Émotion : Joie';
-});
-
-boutonContent.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'CONTENT' })
-    });
-    robotStatus.textContent = 'Émotion : Content';
-});
-
-boutonSurprise.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'SURPRISE' })
-    });
-    robotStatus.textContent = 'Émotion : Surprise';
-});
-
-boutonColere.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'COLERE' })
-    });
-    robotStatus.textContent = 'Émotion : Colère';
-});
-
-boutonPeur.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'PEUR' })
-    });
-    robotStatus.textContent = 'Émotion : Peur';
-});
-
-boutonTristesse.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'TRISTESSE' })
-    });
-    robotStatus.textContent = 'Émotion : Tristesse';
-});
-
-boutonNeutre.addEventListener("click", async () => {
-    document.querySelectorAll('#listeEmotions button').forEach(b => b.classList.remove('active-emotion'));
-    boutonJoie.classList.add('active-emotion');
-
-    await fetch('/api/emotion', {
-        method: 'POST',
-        headers: { 'Content-Type': 'application/json' },
-        body: JSON.stringify({ emotion: 'NEUTRE' })
-    });
-    robotStatus.textContent = 'Émotion : Neutre';
-});
-
 function createEmotionRow() {
     const row = document.createElement('div');
     row.className = 'emotion-row';
@@ -494,7 +396,6 @@ function createEmotionRow() {
     document.getElementById('sequence-list').appendChild(row);
 }
 
-// Ajouter une ligne par défaut au chargement
 document.addEventListener('DOMContentLoaded', () => {
     const addEmotionBtn = document.getElementById('add-emotion-btn');
     if(addEmotionBtn) {
@@ -502,7 +403,6 @@ document.addEventListener('DOMContentLoaded', () => {
         createEmotionRow(); 
     }
     
-    // Configurer le bouton Play de la séquence
     const playSeqBtn = document.getElementById('launch-seq-btn');
     if(playSeqBtn) {
         playSeqBtn.onclick = () => {
@@ -553,8 +453,8 @@ document.getElementById('save-seq-btn').onclick = async function() {
             msg.style.color = 'green';
             document.getElementById('seq-name').value = '';
             document.getElementById('sequence-list').innerHTML = '';
-            createEmotionRow(); // Reset l'interface
-            loadLibrary(); // Met à jour la liste
+            createEmotionRow(); 
+            loadLibrary(); 
         } else {
             const result = await response.json();
             msg.textContent = `Erreur : ${result.detail}`;
@@ -564,4 +464,4 @@ document.getElementById('save-seq-btn').onclick = async function() {
         msg.textContent = 'Erreur réseau.';
         msg.style.color = 'red';
     }
-};
+};