微信小程序有的机型无法播放m3u8格式的直播流,使用H5在微信环境里播放

devtools/2024/9/25 11:12:02/

我这测试鸿蒙的还有苹果X及部分机型在微信小程序>微信小程序里无法播放,不知道什么原因;
直播流地址有的是hevc有的是h.264,音频都是aac;

<head><meta charset="UTF-8"><title>前端播放m3u8格式视频</title><meta name="viewport"content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no"><link href="https://cdn.bootcdn.net/ajax/libs/video.js/7.10.1/alt/video-js-cdn.min.css" rel="stylesheet"><script src="https://cdn.bootcdn.net/ajax/libs/video.js/7.10.1/alt/video.core.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"type="text/javascript"></script><!-- <link href="https://cdn.bootcdn.net/ajax/libs/video.js/7.10.2/alt/video-js-cdn.css" rel="stylesheet"><script src="./video.core.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/videojs-contrib-hls/5.15.0/videojs-contrib-hls.min.js"></script> --><style>* {margin: 0;padding: 0;border: none;}.video-js .vjs-big-play-button {font-size: 2.5em !important;line-height: 2.3em !important;height: 2.5em !important;width: 2.5em !important;-webkit-border-radius: 2.5em !important;-moz-border-radius: 2.5em !important;border-radius: 2.5em !important;background-color: #73859f;background-color: rgba(115, 133, 159, 0.5) !important;border-width: 0.15em !important;margin-top: -1.25em !important;margin-left: -1.75em !important;}.vjs-big-play-button .vjs-icon-placeholder {font-size: 1.63em !important;}.video-js .vjs-tech {position: relative !important;}.myvideo-dimensions,.video-js {width: 100%;height: 400px;}</style>
</head><body><div><video id='myvideo' class="video-js vjs-default-skin vjs-big-play-centered" controls><!-- hls直播源地址:CCTV1高清 --><source type="application/x-mpegURL" id="source-box"></video><!-- <div id="bo" onclick="bofang()">播放</div> --><script>let src ='放入你的直播地址';let sourceBox = document.getElementById('source-box');sourceBox.setAttribute("src", src);var player = videojs('myvideo', {}, function() {console.log('videojs播放器初始化成功')})player.play();function bofang() {player.play();}</script></div>
</body>

这个还是有问题,有的直播地址在鸿蒙和苹果上都有声音,有的是鸿蒙上有声音,但是苹果上没有,也没找几个手机,测试的不准,不知道问题出在哪里,有可能是直播流的格式问题;但是也不确定


http://www.ppmy.cn/devtools/16479.html

相关文章

Python函数小知识

目录 一、函数的定义和调用 二、函数参数 三、函数作用域 四、递归函数和匿名函数 一、函数的定义和调用 def 函数名(参数): 自定义函数可以分为有参函数和无参函数 。 函数的作用&#xff1a; 在Python中定义函数可以提高代码的复用率&#xff0c;避免重复的代码&#xff0c;…

ESP32开发WebSocket报错TRANSPORT_WS: Sec-WebSocket-Accept not found

我的芯片是ESP32-S3&#xff0c;用ESP-IDF框架进行开发的时候&#xff0c;用官方的WebSocket的example创建了项目。然后把WebSocket连接uri替换为自己的服务器后&#xff0c;运行到esp_websocket_client_start开始连接后&#xff0c;直接报错&#xff1a; E (10615) TRANSPORT…

数据分析:扩增子分析(qiime2平台全流程分析)

Amplicon sequencing analysis pipeline through qiime2 platform qiime2是扩增子数据分析的最佳平台之一&#xff0c;其提供了大量从原始data到统计分析的插件&#xff0c;尤其是它的可重复分析且可扩展插件的理念使得其成为扩增子分析首选的平台。 Platform qiime2是扩增子…

微信小程序 扩展Page页面的Mixins

前景&#xff1a; 在原生小程序的开发过程中&#xff0c;发现有很多页面使用了几乎完全一样的逻辑&#xff0c;例如&#xff1a;我们会遇到有部分功能需要登录之后才能访问&#xff0c;这个登录的逻辑就可以用封装成公共的逻辑&#xff0c;在需要的地方直接引用就可以了。 但…

PFA容量瓶耐受强酸强碱进口特氟龙材质定容瓶

PFA容量瓶&#xff0c;也叫特氟龙容量瓶&#xff0c;是用于配制标准浓度溶液的实验室器皿&#xff0c;是有着细长颈、梨形肚的耐强腐蚀平底塑料瓶&#xff0c;颈上有标线&#xff0c;可直接配置标准溶液和准确稀释溶液以及制备样品溶液。 因其有着不易碎、材质纯净、化学稳定性…

JAVA毕业设计136—基于Java+Springboot+Vue的房屋租赁管理系统(源代码+数据库)

毕设所有选题&#xff1a; https://blog.csdn.net/2303_76227485/article/details/131104075 基于JavaSpringbootVue的房屋租赁管理系统(源代码数据库)136 一、系统介绍 本项目前后端分离&#xff0c;分为管理员、用户、工作人员、房东四种角色 1、用户/房东&#xff1a; …

Threejs加载字体加载FontLoader与TTFLoader

在 Three.js 中使用自定义字体进行 3D 文本渲染。它最初是以 JSON 格式加载字体&#xff0c;现在Three.js已经有一个 TTFLoader 类&#xff0c;可用于加载 TTF 字体文件并将它们用作 TextGeometry &#xff01; 1、最初使用FontLoader加载json字体方法如下 const loader new…

Spring从零开始学使用系列(三)--依赖注入(DI)

目录 1.DI的核心概念 1.1优势 2. Spring中的DI实现 2.1 构造器注入 2.1.2 优势和缺点 2.2 设置器注入 2.2.1 如何使用设置器注入 2.2.2 示例代码 2.2.3优势和使用场景 2.3 字段注入 2.4 方法注入 2.4.1 方法注入的概念 2.4.2 找方法注入 2.4.3 Lookup 注解的作用 2…