39 lines
1.1 KiB
HTML
39 lines
1.1 KiB
HTML
<!-doctype html ->
|
|
<html>
|
|
<head>
|
|
<title>
|
|
example lecteur audio
|
|
</title>
|
|
<meta charset="UTF-8"/>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
<script src="js/wavesurfer.min.js"></script>
|
|
</head>
|
|
<body>
|
|
<h1> Example de lecteur audio enrichi</h1>
|
|
<blockquote>
|
|
Code de vincent:
|
|
<figure>
|
|
<figcaption>Écoute de l'émission intégrale</figcaption>
|
|
<audio id="player" controls preload="metadata">
|
|
<source src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/20210622/libre-a-vous-20210622.ogg"
|
|
type="audio/ogg">
|
|
<source id="audio"
|
|
src="https://media.april.org/audio/radio-cause-commune/libre-a-vous/emissions/20210622/libre-a-vous-20210622.mp3"
|
|
type="audio/mp3">
|
|
Votre navigateur ne supporte pas l'élément <code>audio</code>
|
|
</audio>
|
|
</figure>
|
|
</blockquote>
|
|
<hr>
|
|
<audio src="audio/anitra.mp4" controls></audio>
|
|
<!-- a div where the div will be placed -->
|
|
|
|
<div id="waveform"></div>
|
|
|
|
<script>
|
|
const player = new Plyr('#player');
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|