javascript - Opentok web 移动端到 PC 方向

Question

我正在尝试使用 OpenTok 创建一个应用程序。我正在使用 Opentok React ( https://www.npmjs.com/package/opentok-react )，但如果需要，我也可以通过纯 JavaScript 来完成此操作。

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

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

下面的代码是在React中，但我也很高兴使用纯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 浏览器没有旋转，一旦我允许它旋转，图像就会正确旋转并触发事件。