面向个人电脑的开放网络移动

Question

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

我面临的问题是，个人电脑被订阅的图像，它是从手机背面的摄像头，总是水平的。我能够手动转换它使用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浏览器没有旋转，一旦我允许它旋转，图像就会正确旋转，事件就会启动。