Question

我一直致力于音频的开发。我的页面上有两个DataListt，每个都有不同的按钮，它们具有不同的功能，两个数据列表中的一个按钮都试图为第一个数据列表记录用户的音频，但是当我试图调用第二个相同的js函数，显示以下错误

1。“ recorder.start：开始时未定义”




window.onload = function () {

    navigator.mediaDevices.getUserMedia({
        audio: true
    })
    .then(function (stream) {
        recorder = new MediaRecorder(stream);
        alert(stream)
        recorder.addEventListener('dataavailable', onRecordingReady);
    }).catch(function (err) {
        alert(err)
    });;
};


function startRecording() {

    recorder.start();

}

function stopRecording() {

    recorder.stop();
}


  $(document).on('click','.btnRepeat',function(){
            InsertStudentActivityCaptionWithId($(this).attr('title'),"CompareBtn_"+$(this).attr('data-id').split('|')[0],'Repeat');

            $(this).html('Stop recording');
            $(this).removeClass("btnRepeat"); 
            $(this).addClass("btnStopRecording");
            startRecording();      
            return false;
        });


 $(document).on('click','.btnStopRecording',function(){    
            var video=document.getElementById('videoPlayer');
            InsertStudentActivityCaptionWithId($(this).attr('title'),"CompareBtn_"+$(this).attr('data-id').split('|')[0],'Repeat');
            $(this).html('Repeat');
            $(this).removeClass("btnStopRecording");
            $(this).addClass("btnRepeat");    
            stopRecording();
            $("#videoPlayer").each(function () { this.pause() });
            video.currentTime =0;
            $("#CompareBtn_"+$(this).attr('data-id').split('|')[0]).attr("disabled",false);
            return false;
        });


<asp:Datalist>
 <button type="button" value="Listen" class="normal-but btnListen" data-id="<%# Eval("xxxx") %>"
                                        id="Listen">
                                        Listen</button>
</asp:Datalist>

我发现在您的buttonclick中使用“ clientid”可以解决此问题，但是我一直试图以多种方式做到这一点，但是由于我是新手，所以没有奏效，所以如果有人可以帮助我，请先感谢

在同一页面上多次使用时，WebUserControl中的JavaScript无法正常工作

0 个答案: