产品百科 |H5 端如何实现镜像和显示手机横屏录制的视频

解决方案

说明 Web SDK 本身不提供镜像和横竖屏接口,需要您自己实现。

  • 实现镜像:通过给 video 标签设置 css,来实现镜像功能。
{
        transform: rotateY(180deg);
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
}
  • 显示横屏录制画面:在 video 标签外增加一个 div 标签,并在 div 上设置 css,来显示远端横屏录制的画面。
{
   transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
}


「视频云技术」你最值得关注的音视频技术公众号,每周推送来自阿里云一线的实践技术文章,在这里与音视频领域一流工程师交流切磋。

产品百科 |H5 端如何实现镜像和显示手机横屏录制的视频

上一篇:pci-dss在线培训视频


下一篇:汇编: Linux中汇编程序的编译