Ceci est une version archivée de page30 à 2023-11-06 17:05:34
😂 Te ves muy bien en este vestido.😂 😶‍🌫️Realmente se ve muy elegante con ese traje,señora.😶‍🌫️ Lecture d'un fichier MP3
Cliquez sur le bouton pour lire un fichier MP3




Lien vers une URL click:ropa en la web historia de la semana
image 12966.jpg (1.6kB)


""<!DOCTYPE html>
<html>
<head>
  • <title>Lecture d'un fichier MP3 sans bouton</title>
</head>
<body>
  • <h1>Cliquez sur l'étiquette pour lire un fichier MP3</h1>

  • <!-- Utilisez une étiquette et un champ de type "checkbox" pour déclencher la lecture -->
  • <label for="mp3Checkbox" id="mp3Label">Cliquez ici pour lire le MP3</label>
  • <input type="checkbox" id="mp3Checkbox" style="display: none">

  • <!-- Ajoutez un lecteur audio caché -->
  • <audio id="audioPlayer" style="display: none">
    • <source src="votre_fichier.mp3" type="audio/mpeg">
  • </audio>

  • <script>
    • Obtenez des références aux éléments
    • var mp3Label = document.getElementById('mp3Label');
    • var mp3Checkbox = document.getElementById('mp3Checkbox');
    • var audioPlayer = document.getElementById('audioPlayer');

  • Ajoutez un gestionnaire d'événement pour le clic sur l'étiquette
  • mp3Label.addEventListener('click', function() {
    • Vérifiez si le champ de type "checkbox" est coché
    • if (mp3Checkbox.checked) {
      • Si oui, lancez la lecture
      • audioPlayer.play();
      • mp3Checkbox.checked = false;
    • } else {
      • Si non, mettez en pause la lecture
      • audioPlayer.pause();
    • }
  • });
  • </script>
</body>
</html>
Éditer la page Modifiée le : 04.12.2023 à 15:47:42 Partager