Audio

Аудио. Заметки

1. HTML
2. <audio class="my-audio" src="./sounds/music1.ogg" controls></audio>
3. JS
4. const playBtn = document.querySelector("#play");
5. Play: myPlayer.play();
6. Pause: myPlayer.pause();
7. Stop: myPlayer.pause(); myPlayer.currentTime = 0;
8. Duration: myPlayer.duration seconds
9. Volume: myPlayer.volume 0.0 - 1.0
10. soundCrash.addEventListener("playing", ()=> console.log("Audio started"));
11. soundCrash.addEventListener("ended", ()=> console.log("Audio stoped"));
12. Посилання на ресурс

    myPlayer.addEventListener("timeupdate", onUpdateTime);
    function onUpdateTime(event) {//
      const { duration, currentTime } = event.srcElement;
      console.log(duration, currentTime );}

Джерела

• www.youtube.com
• https://opengameart

Аудио Player

Play Pause Stop

    Атрибути:
    controls 
    autoplay 
    loop

Шмат коду для керування:

    const playBtn = document.querySelector("#play");

    playBtn.addEventListener("click", onPlay);
        f onPlay:
    myPlayer.play();
    console.log(myPlayer.duration);
    console.log(myPlayer.volume);
    myPlayer.pause();
    myPlayer.currentTime = 0;

    const myPlayer = document.querySelector(".my-audio"); // Player
    
    myPlayer.addEventListener("timeupdate", onUpdateTime);
    function onUpdateTime(event) {
        const { duration, currentTime } = event.srcElement;
        console.log(duration, currentTime );

    }

    addEventListener("playing", ()=> console.log("Audio started"));
    addEventListener("ended", ()=> console.log("Audio stoped"));