xr-frame微信小程序xr-ar-tracker实现video视频竖屏或横屏播放

按照官方的demo实现出来播放的视频都是正方形的?官方文档:https://developers.weixin.qq.com/miniprogram/dev/framework/xr-frame/#_2DMarker-%E8%A7%86%E9%A2%91%EF%BC%8C%E8%AE%A9%E7%85%A7%E7%89%87%E5%8A%A8%E8%B5%B7%E6%9D%A5

然后找了各种地方,想要寻找播放竖屏的解决方案,但是毫无收获,对于xr/ar领域的菜鸡,真的非常折磨,网上的文章又非常少,但是又没办法,只能看微信的文档,文档里又没有说,只能看xr的那些组件,当我看到内置的几何数据只有这几种的时候,而且平明只有1x1的正方形,我就打算放弃了,因为不可能让我自己写几何数据吧.......有点繁琐了

但是好在找到一个别的小程序可以实现播放竖屏视频的demo,又开始继续研究,然后到微信社区继续找,别人也同样有遇到过这样的问题,但是却没有什么答案,只有一个智能回答:

但是按照智能回答的demo,微信组件已经更新了最新的,已经不兼容了,但是发现一个重要的参数scale,这个在现在的组件中还是存在的,所以我只能尝试去调整这个参数,发现竟然可以横着播放视频:

这肯定是哪里出现了问题,然后我根据参数盲猜scale="1.6 1 1"对应三个坐标:x y z,所以就调换了位置,将参数该成了scale="1 1.6 1",结果:

没错,他又变成了正方形...........

这个参数我去官方找文档,也没有找出来任何答案,完全不知道他们对应的什么坐标,然后又调换位置,将参数该成scale="1 1 1.6",我去,终于可以了:

虽然没有完全覆盖底图,但是至少发现已经可以了,那就是需要将这个比例设置成和底图一致就好了。

还有一个比较重要的点是,如果用uniapp + vue3获取到的屏幕尺寸和显示尺寸,在苹果手机上如果全屏显示,画面会有被拉伸的感觉,这个问题我发现在苹果原生相机中打开画面,画面会有一个上下黑边,但是到微信小程序里,使用全屏模式的话,肯定就会被拉伸,解决办法就是给这个xr组件的宽再额外增加一些像素就好了

相关推荐
REDcker7 天前
WebCodecs VideoDecoder 的 hardwareAcceleration 使用
前端·音视频·实时音视频·直播·webcodecs·videodecoder
gihigo19987 天前
基于TCP协议实现视频采集与通信
网络协议·tcp/ip·音视频
山河君7 天前
四麦克风声源定位实战:基于 GCC-PHAT + 最小二乘法实现 DOA
算法·音视频·语音识别·信号处理·最小二乘法·tdoa
音视频牛哥7 天前
Android平台RTMP/RTSP超低延迟直播播放器开发详解——基于SmartMediaKit深度实践
android·人工智能·计算机视觉·音视频·rtmp播放器·安卓rtmp播放器·rtmp直播播放器
qq_416276427 天前
通用音频表征的对比学习
学习·音视频
美狐美颜sdk7 天前
Android全局美颜sdk实现方案详解
人工智能·音视频·美颜sdk·视频美颜sdk·美狐美颜sdk
EasyDSS7 天前
私有化部署EasyDSS视频点播能力:全链路视频技术赋能,打造企业级视听新体验
音视频·hls·m3u8·点播技术·智能转码
qq_416276427 天前
DeLoRes——一种通用的音频表征学习新方法(DeLoRes(基于 Barlow Twins 的冗余最小化方法)
学习·音视频
AI能见度7 天前
硬核:如何用大疆 SRT 数据实现高精度 AR 视频投射?
ar·无人机·webgl
Q_4582838687 天前
从定位到视频:808 + 1078 在各行业的落地实践
音视频