Несколько аудиофайлов и быстрая перемотка вперед / назад - PullRequest
Новая
       67

Несколько аудиофайлов и быстрая перемотка вперед / назад

0 голосов
/ 05 января 2020

У меня есть страница, которая будет содержать несколько аудиофайлов, и я ищу лучший способ реализовать это в javascript. Я также смотрю, как можно go рассказать о быстрой перемотке вперед и назад, когда мышь нажимают, а не нажимают. код, который у меня сейчас есть, выглядит следующим образом: 

<div class="container">
    <div class"audio-file-01"></div>
    <div class"audio-file-02"></div>
    <div class"audio-file-03"></div>
    <div class"audio-file-04"></div>
    <div class"audio-file-05"></div>
</div>

<script>
$(document).ready(function() {
    var audioElement = document.createElement('audio');
    audioElement.setAttribute('src', 'http://www.soundjay.com/misc/sounds/bell-ringing-01.mp3');

    audioElement.addEventListener("timeupdate",function(){
        $("#currentTime").text("Current Time:" + audioElement.currentTime);
    });

    $('#play').click(function() {
        audioElement.play();
        $("#status").text("Status: Playing");
    });

    $('#pause').click(function() {
        audioElement.pause();
        $("#status").text("Status: Paused");
    });

    $('#restart').click(function() {
        audioElement.currentTime = 0;
    });

    $('#rewind').click(function() {
    audioElement.currentTime -= 0.5;
    });

    $('#forward').click(function() {
    audioElement.currentTime += 0.5;
    });
});
</script>
...