Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

小程序开发相关产品技术讨论,包括面板、智能小程序、React Native、Ray跨端框架、Panel SDK、微信小程序、小程序开发工具(IDE)及其他开发技术相关等话题


Post Reply
ysword
Posts: 12

  • Tuya MiniApp Tools 版本信息:0.6.4
    • App 应用版本信息: 智能生活 iOS App,5.13.0
    • @ray-js/ray, @ray-js/panel-sdk的版本:@ray-js/ray:1.5.7
    • 移动设备信息:iPhoneXr iOS17.4.1
    • 相关代码:

      Code: Select all

      const videoView = () => {
           const videoUrl = 'https://public-biz.oss-cn-hangzhou.aliyuncs.com/sns/test/2024-05-29/fdd0e5af3a0741579b7bc9d6d179ed78.mp4';
          // const videoUrl = 'https://public-biz.oss-cn-hangzhou.aliyuncs.com/sns/test/2024-05-29/5b0f0d53b0a746cebdb385576ec6fecb.mp4';
          const coverUrl = videoUrl + '?x-oss-process=video/snapshot,t_0,f_png,m_fast,ar_auto'
          return <View style={{ width: "100vw", backgroundColor: 'var(--app-B1)' }}>
              <Video
                id="video_dy"
                src={videoUrl}
                style={{ width: "100%", minHeight: "226px" }}
                objectFit="cover"
                poster={coverUrl}
                showMuteBtn
                onError={(error) => {
                  console.error('使用video播放失败:', error)
                }}
              ></Video>
            </View>
            }
    • 日志信息:

      Code: Select all

      {
          "type": "error",
          "timeStamp": 1439,
          "currentTarget": {
              "offsetTop": 0,
              "offsetLeft": 0,
              "id": "video_dy",
              "dataset": {}
          },
          "target": {
              "offsetTop": 0,
              "offsetLeft": 0,
              "id": "video_dy",
              "dataset": {}
          },
          "detail": {
              "errMsg": "MEDIA_ERR_SRC_NOT_SUPPORTED"
          }
      }
    • 问题描述(复现步骤):在小程序后台已经加入静态域名了,第一个视频链接报"errMsg": "MEDIA_ERR_SRC_NOT_SUPPORTED",第二个视频链接是可以正常播放。在线查看了第一个视频编码是 h264 (High 10),第二个视频编码是 h264 (High)。
    • 预期结果:视频都可以正常播放
    • 实际结果:第一个视频报如上异常,第二个视频可以正常播放
Last edited by ysword on 2024年 Jun 3日 16:08, edited 2 times in total.

Tags:
ysword
Posts: 12

Re: Ray Video 组件

在IDE上都可以正常播放,在智能生活App上真机调试和真机预览丢给视频都报异常

智能小程序开发者
Posts: 201

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

请问是个别手机不行吗,还是安卓iOS都不行

ysword
Posts: 12

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

尝试了下安卓是可以,iOS 都不行

User avatar
智能小程序管理员
Posts: 66

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

企业微信截图_4f1a4c9e-7b89-4587-9b5a-547d593a81ed.png

你可以在浏览器上测试是否能打开,可能和编码有关系

ysword
Posts: 12

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

在Safari浏览器上确实也是不可播放,但是这个视频https://public-biz.oss-cn-hangzhou.aliyuncs.com/sns/test/2024-05-29/fdd0e5af3a0741579b7bc9d6d179ed78.mp4 在旧版的native-video组件上竟然可以播放,这个是什么区别的呢?

User avatar
智能小程序管理员
Posts: 66

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

video用的ios的默认浏览器, native-video不是

ysword
Posts: 12

Re: Ray Video 组件 加载MP4格式提示 MEDIA_ERR_SRC_NOT_SUPPORTED

感谢!那对应这样的场景,iOS默认播放器不能播放的时候,是弹窗提示还是改成native-video去播放的呢?

Post Reply