l***@163.com
l***@163.com
  • 发布:2024-08-15 16:52
  • 更新:2024-08-16 10:29
  • 阅读:234

h5 使用 video,在 ios\macos 上播放是黑屏且无声音,只有时长

分类:uni-app

视频是接口返回的文件流

2024-08-15 16:52 负责人:无 分享
已邀请:
HB_WJ

HB_WJ

看一下视频编码,苹果浏览器下有的编码就是不支持

HB_WJ

HB_WJ

我转换为webm之后就可以再苹果浏览器中播放了:

./ffmpeg-aarch64-apple-darwin -i downloadVideo.mp4 -c:v libvpx -c:a libvorbis output_video.webm
  • HB_WJ

    你这个编码苹果是支持的,感觉还是将流编码时有问题,我重新编码就是对的(编码格式和你的一样),还是排查一下流转换的逻辑吧。

    ./ffmpeg-aarch64-apple-darwin -i ~/Downloads/downloadVideo.mp4 -c:v libx264 -c:a aac output.mp4

    2024-08-16 11:47

jgj_app

jgj_app

视频链接发下看看

爱豆豆

爱豆豆 - 办法总比困难多

怎么使用的?能发下代码片段吗?

  • l***@163.com (作者)

    <view v-html='generateVideoHtml' class="swiper-video"></view>

    computed: {  
    generateVideoHtml(fileId) {
    // const url = this.formatFileUrl(fileId, 'video')
    return `<video muted controls="controls" width="100%" height="100%" webkit-playsinline cross-origin="anymous" class="swiper-video"><source src="${this.videoUrl}" type="video/mp4"></video>`
    }
    }

    2024-08-15 16:56

  • jgj_app

    回复 l***@163.com: 我建议你还用 app最好不要用 v-html

    2024-08-15 17:05

  • l***@163.com (作者)

    回复 jgj_app: 用 uniapp 的 video 报错(时长也加载不到,v-html 还能加载到时长)

    报错信息: GET <video> error: http://aslrsvap.miningsoft.cn:10001/ewap/file/sysFile/downloadVideo?fileId=18265&&token=d5a747e7230946a08cb617d029638245

    2024-08-15 17:18

  • jgj_app

    回复 l***@163.com:n你不要用 v-html 直接在 template 上写

    2024-08-15 17:20

  • l***@163.com (作者)

    回复 jgj_app: <template v-html='generateVideoHtml'></template>这样?

    2024-08-15 17:22

  • 爱豆豆

    回复 l***@163.com: 感觉你视频地址有问题 我这边加载不出来 但是同样写法 用https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni-app-video-courses.mp4这个视频就可以加载

    2024-08-15 17:22

  • l***@163.com (作者)

    回复 爱豆豆: 用官方的可以,我的视频地址 在安卓 或者 pc都是正常的,只有iOS、macOS不行

    2024-08-15 17:24

  • 爱豆豆

    回复 l***@163.com: 那不就找到原因了吗 你这视频是啥格式的?

    2024-08-15 17:28

  • l***@163.com (作者)

    回复 爱豆豆: mp4

    2024-08-15 17:31

  • 爱豆豆

    回复 l***@163.com: 你这视频是存在你们自己的服务器吗?

    2024-08-15 17:31

  • l***@163.com (作者)

    回复 爱豆豆: 感觉是h5和苹果系统的兼容性问题,如果视频地址有问题的话 对应的pc和安卓也应该都不能播放才到

    2024-08-15 17:34

  • l***@163.com (作者)

    回复 爱豆豆: 不一定,视频有可能是别的链路返回的,不一定存储在自己的服务器中

    2024-08-15 17:35

jgj_app

jgj_app

我这没有黑屏啊

jgj_app

jgj_app

我这正常的啊

  • l***@163.com (作者)

    你这看起来不是 iOS / macOS

    2024-08-15 17:23

  • jgj_app

    回复 l***@163.com: 哦,我发完才看见你是 iOS

    2024-08-15 17:24

要回复问题请先登录注册