时间戳

首页 > 解决方案 > Opentok web 移动到 PC 方向

javascript - Opentok web 移动到 PC 方向

问题描述

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

我面临的问题是PC订阅的图像，来自手机后置摄像头，始终是水平的。我可以使用 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>

标签： javascriptreactjsopentok

解决方案

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

推荐阅读