我正在尝试使用OpenTok创建应用。我使用的是Opentok react(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>
我正在尝试使用OpenTok创建应用。我正在使用Opentok react(https://www.npmjs.com/package/opentok-react),但是如果需要的话,我也可以使用纯JavaScript来做。我面临的问题...
问题是我的Chrome浏览器没有旋转,一旦我允许它旋转,图像就会正确旋转并触发事件。