Блог

У меня есть входящий поток Webrtc, который я хотел бы перевернуть вертикально в JS сразу при первом обращении к нему. В остальной части кода я изменяю размер и также включаю кнопку переключения, поэтому мне нужно, чтобы она была перевернута, прежде чем она войдет в переменную. Когда я использую CSS, чтобы перевернуть его, он показывает неправильную часть обрабатываемого потока.

Вот раздел кода, который я пытаюсь обновить. Я попытался запустить две строки с комментариями отдельно, но ни одна из них не сработала. Они выдают ошибки undefined / null, поскольку поток не существует в этой части кода. Есть ли другой способ сделать это на этом этапе кода? Спасибо за помощь!!!

 function handleTrackEvent(e) {
    /* e.streams[0].style.transform = 'rotate(180deg)'; */
    partnerVideo.current.srcObject = e.streams[0];
    /* document.getElementById('partnerVideo').style.transform = 'rotate(180deg)'; */
};
  

Вы можете сделать это с помощью CSS

 -webkit-transform: scaleX(-1);
transform: scaleX(-1)