我正在尝试旋转视频标签并将其置于“画中画”模式,
我知道我们可以使用 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)