将以下代码用jquery改写 document.addEventListener('fullscreenchange', () => { if (checkIsFullScreen()) { console.log('进入全屏') } else { console.log('退出全屏') elvideo.pause() $(`${data_taskId} video`).attr({ controls: false }) $(`${data_taskId} .play`).show() $(`${data_taskId} span`).show() } })
时间: 2024-02-14 18:31:17 浏览: 129
$(document).on('fullscreenchange', function() {
if (checkIsFullScreen()) {
console.log('进入全屏');
} else {
console.log('退出全屏');
elvideo.pause();
$(`${data_taskId} video`).attr({ controls: false });
$(`${data_taskId} .play`).show();
$(`${data_taskId} span`).show();
}
});
相关问题
用原生方法优化下面代码,实现绑定事件前先移除事件 document.addEventListener('fullscreenchange', () => { if (!checkIsFullScreen()) { console.log('退出全屏') console.log(elvideo) elvideo.pause() $(${data_taskId} video).attr({ controls: false }) $(${data_taskId} .play).show() $(${data_taskId} span).show() } })
function fullscreenChangeHandler() {
if (!checkIsFullScreen()) {
console.log('退出全屏');
console.log(elvideo);
elvideo.pause();
document.querySelector(`${data_taskId} video`).setAttribute('controls', false);
document.querySelector(`${data_taskId} .play`).style.display = 'block';
document.querySelector(`${data_taskId} span`).style.display = 'block';
}
}
document.removeEventListener('fullscreenchange', fullscreenChangeHandler);
document.addEventListener('fullscreenchange', fullscreenChangeHandler);
let audioChunks = []; let mediaRecorder; let stream; if (event.key === '1') { console.log('数字1键被按下了!'); navigator.mediaDevices.getUserMedia({ audio: true }).then(s => { stream = s; mediaRecorder = new MediaRecorder(stream); mediaRecorder.addEventListener('dataavailable', event => { audioChunks.push(event.data); }); mediaRecorder.start(); }) } console.log('audioChunks',audioChunks) if (event.key === '2') { console.log('数字2键被按下了!',audioChunks); mediaRecorder.stop(); stream.getTracks().forEach(track => track.stop()); const audioBlob = new Blob(audioChunks, { type: 'audio/wav' }); const reader = new FileReader(); reader.readAsDataURL(audioBlob); reader.onloadend = () => { const dataURI = reader.result; emitUIInteraction(JSON.stringify(dataURI)); console.log('dataURI', dataURI); // downloadAudio(dataURI) }; }这段代码,怎么改
如果您想在数字2键按下之前查看audioChunks数组中的数据,可以将console.log('audioChunks',audioChunks)移动到数字1键按下的回调函数中,如下所示:
```
let audioChunks = [];
let mediaRecorder;
let stream;
if (event.key === '1') {
console.log('数字1键被按下了!');
navigator.mediaDevices.getUserMedia({ audio: true }).then(s => {
stream = s;
mediaRecorder = new MediaRecorder(stream);
mediaRecorder.addEventListener('dataavailable', event => {
audioChunks.push(event.data);
});
mediaRecorder.start();
});
console.log('audioChunks',audioChunks); // 将console.log移动到此处
}
if (event.key === '2') {
console.log('数字2键被按下了!',audioChunks);
mediaRecorder.stop();
stream.getTracks().forEach(track => track.stop());
const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
const reader = new FileReader();
reader.readAsDataURL(audioBlob);
reader.onloadend = () => {
const dataURI = reader.result;
emitUIInteraction(JSON.stringify(dataURI));
console.log('dataURI', dataURI);
// downloadAudio(dataURI)
};
}
```
这将确保您只在audioChunks数组中有数据时才会打印它。