<xr-assets bind:loaded="handleAssetsLoaded">
<xr-asset-load
type="video-texture" asset-id="hikari" options="loop:true,autoPlay:true"
src="http://192.168.109.110:9305/111.mov"
/>
<xr-asset-material asset-id="mat" effect="standard" uniforms="u_baseColorMap: video-hikari"/>
</xr-assets>
...
<xr-mesh node-id="mesh-plane" geometry="plane" material="mat" rotation="90 0 0"/>
<xr-camera id="camera" position="0 1.5 4" target="mesh-plane" background="skybox"
clear-color="0.4 0.8 0.6 1" camera-orbit-control />
xr-frame加载视频纹理的几个问题:请大佬指点一二
1.xr-asset-load无法加载mov格式的视频吗?这个src在我的浏览器访问是可以直接下载下来的
2.我这个mov视频是720*1280的,为啥出来的是一个正方形
3.mov格式加载出来背景是不是应该是透明的,如果不是透明,怎么让它和背景融合就是只有人不要有黑边
1. 视频解码器 https://developers.weixin.qq.com/miniprogram/dev/api/media/video-decoder/wx.createVideoDecoder.html
可能不支持mov的格式,可以直接转换为mp4来播放。
2. 正方形是因为你使用的渲染物体是正方形的。你可以改下具体渲染物体的scale来适配视频比例。(xr-frame示例的 多tracker 案例的视频,就有动态根据视频图片比例,缩放渲染物体的逻辑)
3. 客户端是不支持透明视频的解析的,如果要使用透明视频,可以参考,xr-frame示例的 常用定制 - 过滤黑色背景视频
https://github.com/dtysky/xr-frame-demo/tree/master/miniprogram/components/template/xr-template-removeBlack