Skip to content

Commit

Permalink
fix audio assets
Browse files Browse the repository at this point in the history
  • Loading branch information
@robindemourat
robindemourat committed Jul 25, 2024
1 parent 3b18dce commit a390433
Show file tree
Hide file tree
Showing 2 changed files with 96 additions and 85 deletions.
164 changes: 82 additions & 82 deletions public/data/timecode_capsules_oiseaux.csv
View file
Original file line number Diff line number Diff line change
@@ -1,82 +1,82 @@
titre,url,duration,contenu,timecode-depart,video,type,caché
Introduction,https://soundcloud.com/marieboishus/0-introduction/s-gKdiLdeCwcL?si=156b23e547ea4997a296e6f4d5ae75d9&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:08,,0:15,Athis Mons,capsule,
Ligue de Protection des Oiseaux LPO,https://soundcloud.com/marieboishus/1-lpo/s-IJ3bOTAzdOr?si=d426229cc75e4ba8811656c6f01f2b66&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:20,,3:18,Athis Mons,capsule,
"À quelles conditions, les abords de voies ferrées seraient-ils adaptés aux oiseaux ?",https://soundcloud.com/marieboishus/2-a-quelles-conditions/s-MoB1aK8LkOz?si=b1fcecbf149644acb70a162e6a22fecc&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:21,,9:45,Athis Mons,capsule,
Hirondelles de fenêtre et attention constante,https://soundcloud.com/marieboishus/3-hirondelles/s-AhGfxCYBZUn?si=1313ac8d8f464ced9a4bd92308193d09&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,3:31,,30:30,Athis Mons,capsule,
Appareils diplomatiques et jeune Bergeronnette des ruisseaux,https://soundcloud.com/marieboishus/4-diplomatie-avec-entretien/s-KVA7iQbE4XH?si=52f8c8c45aba4bdb806748658318160e&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,5:58,,45:30,Athis Mons,capsule,Oui
Appareils diplomatiques et jeune Bergeronnette des ruisseaux,https://soundcloud.com/marieboishus/4-diplomatie-sans-extrait/s-1KnAFhiGY1w?si=d3bd092c23784f678b4146279ff159b3&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,3:43,,45:30,Athis Mons,capsule,
Grand débroussaillage et bergeronnettes cachées,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-avec/s-xTBoYKjYeGQ?si=f7bcd6eaa7ea4552a5eeaa15750d86ab&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:51,,51:40,Athis Mons,capsule,Oui
Grand débroussaillage et bergeronnettes cachées,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-sans/s-kYFB3ZoLioa?si=a897f86cefe046c887b90ecd64ba07e1&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:32,,51:50,Athis Mons,capsule,
Stabilisation des trouvailles et du vivant et envie de partager,https://soundcloud.com/marieboishus/6-stabilisation/s-TAzsdY9I4Ae?si=98d52ce2f6d5456ea28cc27a96b6be43&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:25,,55:12,Athis Mons,capsule,
Les prédateurs,https://soundcloud.com/marieboishus/8-pre-dateurs/s-H5rB4kbb4uQ?si=42fe4b50a61c4e0db965ba829d17e80a&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,0:31,,02:15,jardins,capsule,
Vanessa Manceron Les veilleurs du vivant,https://soundcloud.com/marieboishus/vanessa-manceron-les-veilleurs/s-LjFnx9Y4W8T?si=642e500ad4ac41be9f278a6765642b8d&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:12,,04:24,gare,capsule,
Tourterelle turque,,,,0:03,jardins,son_oiseau,
Moineau domestique,,,,0:48,jardins,son_oiseau,
Étourneau sansonnet,,,,1:41,jardins,son_oiseau,
Mésange bleue,,,,2:18,jardins,son_oiseau,
Pie bavarde,,,,2:24,jardins,evenement,
Perruche,,,,2:58,jardins,son_oiseau,
Moineau domestique,,,,2:42,gare,son_oiseau,
Pigeon ramier,,,,2:43,gare,son_oiseau,
Buddleia de David,,,,4:35,gare,evenement,
Moineau domestique,,,,4:41,gare,son_oiseau,
Perruche à collier,,,,5:23,gare,son_oiseau,
Rougequeue noir,,,,5:46,gare,son_oiseau,
Ronces,,,,6:03,gare,evenement,
Pie bavarde,,,,44:00,Athis Mons,son_oiseau,
Tourterelle turque,,,,54:00,Athis Mons,son_oiseau,
Mésange bleue,,,,3:36,Athis Mons,son_oiseau,
Moineau domestique,,,,11:42,Athis Mons,son_oiseau,
Chardonneret élégant,,,,12:11,Athis Mons,son_oiseau,
Moineau domestique,,,,16:17,Athis Mons,son_oiseau,
Tourterelle turque,,,,18:44,Athis Mons,son_oiseau,
Pie bavarde,,,,20:00,Athis Mons,son_oiseau,
Corneille noire,,,,20:11,Athis Mons,son_oiseau,
Pie bavarde,,,,20:18,Athis Mons,son_oiseau,
Tourterelle turque,,,,21:28,Athis Mons,son_oiseau,
Chat,,,,31:16,Athis Mons,evenement,
Perruche à collier,,,,36:08,Athis Mons,son_oiseau,
Pouillot véloce,,,,36:11,Athis Mons,son_oiseau,
Tourterelles turques,,,,36:23,Athis Mons,son_oiseau,
Pigeon ramier,,,,36:33,Athis Mons,son_oiseau,
Perruche à collier,,,,37:04,Athis Mons,son_oiseau,
Pigeon ramier,,,,37:24,Athis Mons,son_oiseau,
Perruche à collier,,,,37:35,Athis Mons,son_oiseau,
Grimpereau des jardins,,,,37:49,Athis Mons,son_oiseau,
Tourterelle turque,,,,38:05,Athis Mons,son_oiseau,
Perruche à collier,,,,39:47,Athis Mons,son_oiseau,
Orite à longue queue,,,,40:05,Athis Mons,son_oiseau,
Fauvette à tête noire,,,,41:44,Athis Mons,son_oiseau,
Tourterelle turque,,,,41:55,Athis Mons,son_oiseau,
Fauvette à tête noire,,,,42:05,Athis Mons,son_oiseau,
Accenteur mouchet,,,,42:23,Athis Mons,son_oiseau,
Tourterelle turque,,,,42:27,Athis Mons,son_oiseau,
Mésange bleue,,,,42:40,Athis Mons,son_oiseau,
Canard colvert,,,,43:36,Athis Mons,evenement,
Accentuer mouchet,,,,43:56,Athis Mons,son_oiseau,
Accenteur mouchet,,,,44:13,Athis Mons,son_oiseau,
Tourterelle turque,,,,44:22,Athis Mons,son_oiseau,
Pigeon ramier,,,,44:25,Athis Mons,son_oiseau,
Corneille noire,,,,44:30,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,44:35,Athis Mons,son_oiseau,
Corbeau freux,,,,45:06,Athis Mons,son_oiseau,
Canard colvert,,,,45:44,Athis Mons,evenement,
Gallinule poule d’eau,,,,48:22,Athis Mons,evenement,
Mésange bleue,,,,48:31,Athis Mons,son_oiseau,
Moineau domestique,,,,48:47,Athis Mons,evenement,
Tourterelle turque,,,,48:57,Athis Mons,son_oiseau,
Canards,,,,48:59,Athis Mons,evenement,
Mésange à longue queue,,,,49:09,Athis Mons,son_oiseau,
Mésange bleue,,,,49:44,Athis Mons,son_oiseau,
Chien,,,,50:08,Athis Mons,evenement,
Moineau domestique,,,,50:21,Athis Mons,evenement,
Souches d’érables sycomores,,,,50:52,Athis Mons,evenement,
Pigeon ramier,,,,51:23,Athis Mons,son_oiseau,
Moineau domestique,,,,51:47,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,51:56,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,52:10,Athis Mons,evenement,
Canards colverts,,,,52:38,Athis Mons,evenement,
Pigeon ramier,,,,52:39,Athis Mons,son_oiseau,
Corneille noire,,,,53:20,Athis Mons,son_oiseau,
Étourneau sansonnet,,,,54:23,Athis Mons,son_oiseau,
Pie bavarde,,,,57:36,Athis Mons,evenement,
titre,url,url_original,duration,contenu,timecode-depart,video,type,caché
Introduction,https://soundcloud.com/marieboishus/0-introduction?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/0-introduction/s-gKdiLdeCwcL?si=156b23e547ea4997a296e6f4d5ae75d9&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:08,,0:15,Athis Mons,capsule,
Ligue de Protection des Oiseaux LPO,https://soundcloud.com/marieboishus/1-lpo?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/1-lpo/s-IJ3bOTAzdOr?si=d426229cc75e4ba8811656c6f01f2b66&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:20,,3:18,Athis Mons,capsule,
"À quelles conditions, les abords de voies ferrées seraient-ils adaptés aux oiseaux ?",https://soundcloud.com/marieboishus/2-a-quelles-conditions?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/2-a-quelles-conditions/s-MoB1aK8LkOz?si=b1fcecbf149644acb70a162e6a22fecc&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:21,,9:45,Athis Mons,capsule,
Hirondelles de fenêtre et attention constante,https://soundcloud.com/marieboishus/3-hirondelles?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/3-hirondelles/s-AhGfxCYBZUn?si=1313ac8d8f464ced9a4bd92308193d09&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,3:31,,30:30,Athis Mons,capsule,
Appareils diplomatiques et jeune Bergeronnette des ruisseaux,https://soundcloud.com/marieboishus/4-diplomatie-avec-entretien/s-KVA7iQbE4XH?si=52f8c8c45aba4bdb806748658318160e&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/4-diplomatie-avec-entretien/s-KVA7iQbE4XH?si=52f8c8c45aba4bdb806748658318160e&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,5:58,,45:30,Athis Mons,capsule,Oui
Appareils diplomatiques et jeune Bergeronnette des ruisseaux,https://soundcloud.com/marieboishus/4-diplomatie-sans-extrait?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/4-diplomatie-sans-extrait/s-1KnAFhiGY1w?si=d3bd092c23784f678b4146279ff159b3&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,3:43,,45:30,Athis Mons,capsule,
Grand débroussaillage et bergeronnettes cachées,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-avec/s-xTBoYKjYeGQ?si=f7bcd6eaa7ea4552a5eeaa15750d86ab&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-avec/s-xTBoYKjYeGQ?si=f7bcd6eaa7ea4552a5eeaa15750d86ab&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:51,,51:40,Athis Mons,capsule,Oui
Grand débroussaillage et bergeronnettes cachées,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-sans?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/5-bergeronnettes-cache-es-sans/s-kYFB3ZoLioa?si=a897f86cefe046c887b90ecd64ba07e1&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,1:32,,51:50,Athis Mons,capsule,
Stabilisation des trouvailles et du vivant et envie de partager,https://soundcloud.com/marieboishus/6-stabilisation?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/6-stabilisation/s-TAzsdY9I4Ae?si=98d52ce2f6d5456ea28cc27a96b6be43&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:25,,55:12,Athis Mons,capsule,
Les prédateurs,https://soundcloud.com/marieboishus/8-pre-dateurs?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/8-pre-dateurs/s-H5rB4kbb4uQ?si=42fe4b50a61c4e0db965ba829d17e80a&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,0:31,,02:15,jardins,capsule,
Vanessa Manceron Les veilleurs du vivant,https://soundcloud.com/marieboishus/vanessa-manceron-les-veilleurs?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,https://soundcloud.com/marieboishus/vanessa-manceron-les-veilleurs/s-LjFnx9Y4W8T?si=642e500ad4ac41be9f278a6765642b8d&utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing,2:12,,04:24,gare,capsule,
Tourterelle turque,,,,,0:03,jardins,son_oiseau,
Moineau domestique,,,,,0:48,jardins,son_oiseau,
Étourneau sansonnet,,,,,1:41,jardins,son_oiseau,
Mésange bleue,,,,,2:18,jardins,son_oiseau,
Pie bavarde,,,,,2:24,jardins,evenement,
Perruche,,,,,2:58,jardins,son_oiseau,
Moineau domestique,,,,,2:42,gare,son_oiseau,
Pigeon ramier,,,,,2:43,gare,son_oiseau,
Buddleia de David,,,,,4:35,gare,evenement,
Moineau domestique,,,,,4:41,gare,son_oiseau,
Perruche à collier,,,,,5:23,gare,son_oiseau,
Rougequeue noir,,,,,5:46,gare,son_oiseau,
Ronces,,,,,6:03,gare,evenement,
Pie bavarde,,,,,44:00,Athis Mons,son_oiseau,
Tourterelle turque,,,,,54:00,Athis Mons,son_oiseau,
Mésange bleue,,,,,3:36,Athis Mons,son_oiseau,
Moineau domestique,,,,,11:42,Athis Mons,son_oiseau,
Chardonneret élégant,,,,,12:11,Athis Mons,son_oiseau,
Moineau domestique,,,,,16:17,Athis Mons,son_oiseau,
Tourterelle turque,,,,,18:44,Athis Mons,son_oiseau,
Pie bavarde,,,,,20:00,Athis Mons,son_oiseau,
Corneille noire,,,,,20:11,Athis Mons,son_oiseau,
Pie bavarde,,,,,20:18,Athis Mons,son_oiseau,
Tourterelle turque,,,,,21:28,Athis Mons,son_oiseau,
Chat,,,,,31:16,Athis Mons,evenement,
Perruche à collier,,,,,36:08,Athis Mons,son_oiseau,
Pouillot véloce,,,,,36:11,Athis Mons,son_oiseau,
Tourterelles turques,,,,,36:23,Athis Mons,son_oiseau,
Pigeon ramier,,,,,36:33,Athis Mons,son_oiseau,
Perruche à collier,,,,,37:04,Athis Mons,son_oiseau,
Pigeon ramier,,,,,37:24,Athis Mons,son_oiseau,
Perruche à collier,,,,,37:35,Athis Mons,son_oiseau,
Grimpereau des jardins,,,,,37:49,Athis Mons,son_oiseau,
Tourterelle turque,,,,,38:05,Athis Mons,son_oiseau,
Perruche à collier,,,,,39:47,Athis Mons,son_oiseau,
Orite à longue queue,,,,,40:05,Athis Mons,son_oiseau,
Fauvette à tête noire,,,,,41:44,Athis Mons,son_oiseau,
Tourterelle turque,,,,,41:55,Athis Mons,son_oiseau,
Fauvette à tête noire,,,,,42:05,Athis Mons,son_oiseau,
Accenteur mouchet,,,,,42:23,Athis Mons,son_oiseau,
Tourterelle turque,,,,,42:27,Athis Mons,son_oiseau,
Mésange bleue,,,,,42:40,Athis Mons,son_oiseau,
Canard colvert,,,,,43:36,Athis Mons,evenement,
Accentuer mouchet,,,,,43:56,Athis Mons,son_oiseau,
Accenteur mouchet,,,,,44:13,Athis Mons,son_oiseau,
Tourterelle turque,,,,,44:22,Athis Mons,son_oiseau,
Pigeon ramier,,,,,44:25,Athis Mons,son_oiseau,
Corneille noire,,,,,44:30,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,,44:35,Athis Mons,son_oiseau,
Corbeau freux,,,,,45:06,Athis Mons,son_oiseau,
Canard colvert,,,,,45:44,Athis Mons,evenement,
Gallinule poule d’eau,,,,,48:22,Athis Mons,evenement,
Mésange bleue,,,,,48:31,Athis Mons,son_oiseau,
Moineau domestique,,,,,48:47,Athis Mons,evenement,
Tourterelle turque,,,,,48:57,Athis Mons,son_oiseau,
Canards,,,,,48:59,Athis Mons,evenement,
Mésange à longue queue,,,,,49:09,Athis Mons,son_oiseau,
Mésange bleue,,,,,49:44,Athis Mons,son_oiseau,
Chien,,,,,50:08,Athis Mons,evenement,
Moineau domestique,,,,,50:21,Athis Mons,evenement,
Souches d’érables sycomores,,,,,50:52,Athis Mons,evenement,
Pigeon ramier,,,,,51:23,Athis Mons,son_oiseau,
Moineau domestique,,,,,51:47,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,,51:56,Athis Mons,son_oiseau,
Gallinule poule d’eau,,,,,52:10,Athis Mons,evenement,
Canards colverts,,,,,52:38,Athis Mons,evenement,
Pigeon ramier,,,,,52:39,Athis Mons,son_oiseau,
Corneille noire,,,,,53:20,Athis Mons,son_oiseau,
Étourneau sansonnet,,,,,54:23,Athis Mons,son_oiseau,
Pie bavarde,,,,,57:36,Athis Mons,evenement,
17 changes: 14 additions & 3 deletions src/components/Philippe.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,6 +95,7 @@ const Philippe = ({
}) => {
const playerRef = useRef(null);
const [isPlaying, setIsPlaying] = useState(false);
const [audioIsPlaying, setAudioIsPlaying] = useState(false);
const [currentVideoTime, setCurrentVideoTime] = useState(0);
const [baladeCoordinates, setBaladeCoordinates] = useState([0, 0]);
const [textHeight, setTextHeight] = useState(0);
Expand Down Expand Up @@ -198,7 +199,11 @@ const Philippe = ({
}
});
}
}, [currentVideoTime, activeBalade])
}, [currentVideoTime, activeBalade]);

useEffect(() => {
setAudioIsPlaying(false);
}, [setAudioIsPlaying, currentAudioCapsule])

const onVideoProgress = ({ playedSeconds, played }) => {
setCurrentVideoTime(playedSeconds);
Expand Down Expand Up @@ -362,6 +367,7 @@ const Philippe = ({
// setIsPlaying(false)
// }
}}

/>
</div>
</foreignObject>
Expand All @@ -384,7 +390,12 @@ const Philippe = ({
width={videoWidth}
height={videoHeight / 5}
url={currentAudioCapsule.url}
url={'https://soundcloud.com/yungeenace/game-over?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing'}
playing={audioIsPlaying}
onReady={() => {
console.log('audio ready');
setAudioIsPlaying(true);
}}
// url={'https://soundcloud.com/yungeenace/game-over?utm_source=clipboard&utm_medium=text&utm_campaign=social_sharing'}
// onProgress={onVideoProgress}
// ref={playerRef}
// playing={isPlaying}
Expand Down Expand Up @@ -419,7 +430,7 @@ const Philippe = ({
const shareX = relX / barWidth;
const targetInSeconds = shareX * activeBalade.durationInSeconds;
// console.log('seek to', relX, barWidth)
setIsPlaying(false);
// setIsPlaying(false);
if (playerRef.current) {
playerRef.current.seekTo(targetInSeconds);
}
Expand Down

0 comments on commit a390433

Please sign in to comment.