Opentok web 移动到 PC 方向

Question

我正在尝试使用 OpenTok 创建一个应用程序。我正在使用 Opentok React (https://www.npmjs.com/package/opentok-react)，但如果需要，我也可以从普通的 javascript 中进行。

我面临的问题是 PC 订阅的图像，它来自移动 phone 后置摄像头，始终是水平的。我可以使用 CSS 手动转换它以旋转它，但这需要 PC 用户手动单击按钮才能执行此操作。我希望它可以自动完成。

我试过听 videoDimensionsChanged 但它似乎从未被调用过。下面是我在库中使用的代码

下面的代码在反应中，但我也很乐意使用纯 js

const subscriberEventHandlers = {
    videoDisabled: event => {
        console.log('Subscriber video disabled!'); //is called
    },
    videoEnabled: event => {
        console.log('Subscriber video enabled!'); //is called
    },
    videoDimensionsChanged: event => {
        console.log("video dimension changed", event); //never called
    }
};



 <Container>
                <div className={Styles.videoWrapper}>
                    <OTSession
                        apiKey={config.openTokApi}
                        sessionId={globalContext.session.response.session.id}
                        token={globalContext.session.response.session.token}
                        onConnect={() => console.log("OT connected")}>
                        <OTStreams>
                            <OTSubscriber eventHandlers={subscriberEventHandlers} />
                        </OTStreams>
                    </OTSession>
                </div>
            </Container>

Answer 1

问题是我的 Chrome 浏览器没有旋转，一旦我允许它旋转，图像就会正确旋转并触发事件。

Opentok web 移动到 PC 方向

Opentok web Mobile to PC orientation

javascript

opentok

reactjs