小编Nis*_*rya的帖子

是否可以在 JavaScript 中旋转视频块?

我正在尝试旋转视频标签并将其置于“画中画”模式,

我知道我们可以使用 Transform:rotateY(180deg) 旋转视频,但 css 不会应用于“pip”模式下的视频。

所以我想如果我们可以旋转它的块然后以“pip”模式调用它

这是代码,有什么建议请...

const cameraRecording = async function(micStatus){
    try{
        const stream = await navigator.mediaDevices.getUserMedia({
            video : true, 
            audio: micStatus ? false : true
        });
        cameraRecElem.srcObject = stream;
        record(stream, true);
    }
    catch(err){
        showError('Error accessing camera or microphone');
    }
};
Run Code Online (Sandbox Code Playgroud)
const record = function(stream, pipStatus, stream2){

    recorder = new MediaRecorder(stream);

    recorder.addEventListener('start', (e) =>{
        chunks = [];
        if(pipStatus) cameraRecElem.requestPictureInPicture() && (cameraRecElem.style.opacity="0");
    });

    recorder.addEventListener('dataavailable', (e) =>{
        chunks.push(e.data);
    });

    recorder.addEventListener('stop', (e) =>{
        stream.getTracks().forEach(track => track.stop());
        if(stream2) stream2.getTracks().forEach(track => track.stop());
        clearInterval(counting); …
Run Code Online (Sandbox Code Playgroud)

javascript video chunks picture-in-picture mediadevices

2
推荐指数
1
解决办法
1303
查看次数