Hbuilder中内置浏览器如何播放音频啊？

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 3.3k累计阅读 3.3k平均单平台已同步平台优快云微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄9年

关注

原创最新推荐文章于 2026-09-14 12:42:56 发布 3.3k 阅读 AI 写同款· GEO 优化 ›

使用手机摄像头实现视频监控实时播放视频监控实时播放的原理与目前较为流行的直播是一致的，所以采用直播的架构实现视频监控实时播放，目前实时视频流的传输协议有以下几种：RTSP、RTMP、HLS、Http-flv。安卓APP开发使用HBuilder，而HBuilder内置了LivePusher直播推流控件，该控件使用了RTMP协议，所以暂时选择使用RTMP协议... 阅读详情

在这里插入图片描述
有没有大佬帮帮我。。

收录于

HTML

当前文章被收录于：

HTML

4 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

如何制作音乐播放器页面欢迎点击「算法与编程之美」↑关注我们！本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。欢迎加入团队圈子！与作者面对面！直接点击！新建文件目录在... 阅读详情

相关推荐

HBuilder音频处理与波形图展示实战

Web Audio API 的提案于2011年首次在WHATWG中被提出，经过多年的迭代和改进，成为现代浏览器支持的音频处理标准。它的设计受到了数字音频工作站（DAW）的启发，意图在网页上实现类似专业音频软件的功能。Web Audio API 的历史可以分为几个阶段：初始提出、功能扩展、跨浏览器支持、进一步优化。随着HTML5技术的发展，它已经成为现代Web音频应用不可或缺的一部分。

weixin_42502040的博客 1175

HBuilder-banner自动播放（计时器）

需要自行准备4张图片，并命名为/banner_（1-4）

nikezhenhaokan的博客 598

微信小程序音频播放器开发：基于HBuilder的InnerAudioContext实战

移动端音频播放是微信小程序开发中的高频需求，从简单的提示音到完整的音乐播放器，都离不开对音频上下文的精细管理。本文从工程实践角度出发，讲解如何利用HBuilder搭建小程序项目，并基于wx.createInnerAudioContext实现播放、暂停、切歌、进度同步等核心能力。同时介绍通过wx.getSavedFileList与wx.setStorageSync完成本地音乐读取与播放列表持久化，以及顺序、随机、单曲循环等播放模式的实现方案。内容覆盖音频生命周期管理、真机调试常见路径问题、后台播放优化等关键环

weixin_32932149的博客 182

网页中插入视频与音频---HBuilder

一、运行到谷歌浏览器。二、工程目录。三、项目代码与注释。 style.css div{ color:pink; background-color: blue; width: 18.75rem; height: 18.75rem; /* 实线 */ border:0.625rem red solid; /* 虚线 */ border:0.625rem black dashed; /* 点线 */ border:0.625rem black dotted; ...

m0_51152186的博客 8799

基于Hbuilder的微信小程序本地音乐播放系统搭建实战

在移动应用开发中，本地文件的管理与音频资源的调用一直是开发者关注的基础能力。微信小程序通过FileSystemManager提供了对用户本地文件的读写接口，配合wx.chooseMessageFile可实现从手机存储中选取音频并持久化保存。而InnerAudioContext则承担了音频播放、进度控制与状态反馈的核心职责。这种不依赖后端服务器与云存储的技术路径，既能降低开发成本，又能在离线场景下提供流畅的音乐体验。无论是个人收藏的本地歌曲、企业内部培训音频，还是学校社团的朗读素材，都可以借助这套方案快速构建

weixin_33563728的博客 76

基于hbuilder开发的微信小程序音乐播放系统，可添加本地音乐（含源码）

可用hbuilder开发工具直接打开微信小程序，可直接运行，不需要调试，可直接使用。播放设置、下一首、上一首、暂停按键、播放列表等功能

用HBuilder插入图片、动态图、音乐、视频、上传文件

第一步将带插入的静态图、动态图、视频放在Hbuilder的img目录下第二步代码如下： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>插入图、视频操作</title> </head> <body> <i...

Austin_的博客 15万+

从HTML5文件在Android上播放音频

通过Apps Assets文件夹中HTML5页面了解如何在Android应用程序中播放音频。

hbuiderX打包为apk后无法停止录音的解决方案

在manifest.json的“模块权限配置”中勾选以下权限：

。 1210

从零构建NVENC编码器：一个游戏开发者的实战手册

本文详细介绍了如何从零构建NVENC编码器，特别针对游戏开发者提供实战指南。内容涵盖NVENC基础概念、DirectX纹理捕获、异步编码优化及高级特性配置，帮助开发者高效集成硬件编码技术到游戏引擎中，实现高性能游戏录制和直播功能。重点解析了NVIDIA专用编码芯片的优势与API使用技巧。

weixin_29292431的博客 365

别再到处找DEM了！手把手教你免费下载90米、30米、12.5米全球高程数据（附国内网盘链接）

本文详细介绍了如何免费获取全球90米（SRTM3）、30米（ASTER GDEM）和12.5米（ALOS）高精度DEM数据，并提供了国内网盘链接以绕过国际平台访问障碍。通过对比不同数据源的特点和适用场景，帮助用户根据项目需求选择最合适的DEM数据，同时分享了数据处理和质量提升的实用技巧，实现从数据获取到应用的无缝衔接。

weixin_28725949的博客 669

html中插入音频播放,在html中插入音频文件在浏览器中播放音频文件的兼容性问题分享...

下面谈谈本人在html中插入音频文件，经过我的本地测试总结的一些问题(播放mp3文件)：1、问题：IE8上正常(通过media player插件来播放)但在IE6和IE7上不会播放Firefox上要安装QuickTime插件才能播放Chrome通过将其转化成html5上的标签播放，能播放但会使整个屏幕蓝屏Opera不会自动播放2、问题：IE6,IE7上不会正常播放，IE8正常Firefox上正常C...

weixin_28881989的博客 883

FastGPT 引申：借鉴 FastGPT 基于MySQL + ES 实现知识库（含表结构以及核心代码）

蜗牛的专栏 3435

uniapp转android多音频播放

//主要解决音效和背景音乐不能同时播放的问题 //uniapp API 中uni.createInnerAudioContext()无法多音频播放, //uniapp媒体组件中audio无法获取dom,无法用js灵活控制播放, //解决方法: sound = plus.audio.createPlayer( url ); sound.setSessionCategory("ambient"); sound.play(); //播放 sound.stop(); //停止 //不足就是url貌似只..

weixin_45788725的博客 1996

数据资产目录(SailCatalog)和数据地图(SailMap)

笔者接下来准备开发大数据平台(XSailboat)中的数据资产目录(SailCatalog)和数据地图(SailMap)相关的功能，本文用以记录笔者关于此部分功能的概念梳理和主体功能设计。

OkGogooXSailboat的博客 2326

Linux内存从0到1学习笔记(10.1 BugsShooter之cma配置过小导致页迁移繁忙而内存申请失败）

通过向武神讨教，顺便记录cma内存有空间但页繁忙（页正被访问，无法迁移）迁移不了导致cma内存分配失败的排查过程。

从0到1，突破自己 1万+

HBuilder制作简易音乐播放器网页教程（新手零基础可上手

修改audio标签的src<audio id="music" src="你的MP3链接">本教程提供了一个轻量级的网页音乐播放器实现方案，适合初学者练习前端开发基础，也可用于个人网站或课堂作业。

Qxj0123的博客 202

Python控制LitePoint IQxel-MW 无线网络测试仪

由于项目需要进行WIFI和BT（蓝牙）的射频测试，所以需要开发一款支持WIFI/BT射频测试的工具。开发射频测试工具的话那肯定离不开仪表的控制。我们项目用的就Litepoint的IQxel-MW无线网络测试仪。这篇文章主要就是介绍一下如何控制仪表以及实现的过程！LitePoint是美国硅谷的一家仪器厂商，主要做一些无线通讯测试仪表，包括WIFI，BT（Bluetooth），LTE等等。

xgh1951的博客 1万+

HBuilder创建app 基础

一.了解HBuilder HBuilder内封装了大量的书籍,极大方便了使用官方文档: http://dev.dcloud.net.cn/mui/ui/ 关于布局: mhead 表头.mbody 身子,mtap 尾部操作: 1.跳转页面 mui.openWindow document.getElementById("setting").addEventListen...

weixin_34209851的博客 307

ThingsBoard教程（一）：ThingBoard介绍及安装

ThingsBoard介绍最近看了很多开源的物联网的项目，其中有一个让我印象很深，那就是Thingsboard 下面我就给大家介绍一下这个项目，并指导大家如何在本地安装一个Thingsboard来体验它。首先引用官网的项目介绍就是一个开源的用于数据收集，处理，可视化和设备管理的开源物联网平台。它通过行业标准的物联网协议（MQTT，CoAP和HTTP）实现设备连接，并支持云和本地部署。ThingsBoard结合了可伸缩性，容错性和性能，因此您永远不会丢失数据。用它开源收集链接设备，收集设备的数据，

知无涯 2万+

滤波电路Multisim电路仿真实验汇总——硬件工程师笔记

本文系统介绍了滤波电路的基础知识及其应用。首先按频率选择性和实现方式对滤波电路进行分类，详细阐述了低通、高通、带通、带阻滤波器以及无源、有源滤波器的特点。接着重点分析了桥式整流电容滤波、电感滤波、LC滤波和CRπ型滤波四种典型电路的工作原理、应用场景及设计要点。通过理论公式和实际案例，指导如何选择滤波元件参数，考虑寄生效应，并通过仿真验证设计效果。最后提供了硬件工程师笔试面试相关的技术资源链接，包括器件知识、电路仿真及企业真题解析等内容。本文可作为电子电路设计领域工程技术人员的学习参考资料。

XU157303764的博客 2166

使用Hbuilder，html标签

了解html的本质就是文本文档，掌握每一个标签的意义。网页就是用标签来“搭积木”，比如通过table来进行布局，用他的属性来控制大小位置等。

米斯木的博客 1141

efm32 入门.pdf

本PDF共计22页，介绍的是操作驱动API，下载与否自己斟酌。

支持后台播放音频

iOS4之后就支持后台播放音频了。只需下面两步就可以实现后台播放音频操作了： 1、在Info.plist中，添加"Required background modes"键，其值设置如下图所示： 2、添加AVFoundation框架，然后再添加如下两段代码添加后台播放代码： //后台播放音频设置 AVAudioSession *session = [AVAud...

weixin_30609331的博客 181

廖雪峰Python教程[完整版]

廖雪峰的python教程整理的，已经排好版了，而且还是完整的，适合小白

lwip-2.0.3

lwip是瑞典计算机科学院(SICS)的Adam Dunkels 开发的一个小型开源的TCP/IP协议栈。实现的重点是在保持TCP协议主要功能的基础上减少对RAM 的占用。

HTML 音频

使用插件浏览器插件是一种扩展浏览器标准功能的小型计算机程序。插件有很多用途：播放音乐、显示地图、验证银行账号，控制输入等等。可使用 <object> 或 <embed> 标签来将插件添加到 HTML 页面。这些标签定义资源（通常非 HTML 资源）的容器，根据类型，它们即会由浏览器显示，也会由外部插件显示。使用元素<embed> 标签定义外部（非 HTML）内容的容器。（这是一个 H

Care_about的博客 445

IEM模型，地表粗糙度模拟

利用微波反演土壤水分时候，利用IEM模型可以实现对随机地表的模拟

简单的音乐播放效果

本文简单的使用Js，JQuery与Json数据交互制作的音乐播放效果本文中使用了dot.js相关的内容，如需要请自行搜索下载。本文没有实用价值，仅能够在Hbuilder中打开运行，但是可以作为学习html5中的练习。此播放器实现了简单的播放暂停点击切歌，上一首，...

qq_42228034的博客 800

上一篇： Python运行报错：can only concatenate str (not "int") to str

下一篇：虚拟机中没有ifconfig指令

HBuilder音频处理与波形图展示实战

weixin_42502040的博客

08-15

1175