PC端 视频和录音文件一起播放

<video id="video1" src="" controls   width="800" height="450"></video>

//视频和录音文件一起播放 
$(function () {
        let myVid = document.getElementById("video1");
        let audio;
        let audio_record = new Audio();//路径
        audio_record.loop = "";
       //视频播放时自动触发timeupdate事件
        function timeupdate() {
            console.log(myVid.currentTime)
            //因为当前的格式是带毫秒的float类型的如：12.231233，所以把他转成String了便于后面分割取秒
            let times = myVid.currentTime;
            audio.map((item, indexs) => {
                let time1 = parseFloat(item.startTime) + parseFloat(parseFloat(item.longtime) / 1000);
                if (parseFloat(item.startTime).toFixed(2) <= parseFloat(times) && parseFloat(times) <= parseFloat(time1).toFixed(2)) {
                    if (audio_record.src == item.file) {
                        audio_record.play();
                    } else {
                        audio_record.src = item.file;
                        audio_record.play();
                    }
                }
            })
            //var ts = time.substring(0, time.indexOf("."));
        }
      
        myVid.addEventListener('play', function () {
            console.log("play")
        });
        myVid.addEventListener('pause', function () {
            console.log("pause");
            audio_record.pause();
        })
        $('.btnPlay').click(function () {
            let url = $(this).data("src");
            //let poster = $(this).data("poster");
            myVid.src = url;
            //myVid.poster = poster;

            $.getJSON('?type=recording&id=' + $(this).data("id"), function (res) {
              //res.data数据类型：[{"file":"https://wx.guojixinze.com/wuyi//upload/video/18071615465060777tmp_e566db5c2d18a9183f7d7c8566e3bf201d746e69fcdee9c4.mp3","longtime":31000,"num":0,"startTime":"0.00"}]
                audio = JSON.parse(res.data);
              
                myVid.play();
                myVid.addEventListener("timeupdate", timeupdate);//addEventListener() 事件监听
            })
        });
    })