基于h5 Auto API的简单音频播放插件

最新推荐文章于 2024-08-16 09:38:15 发布

影之歌NO1

最新推荐文章于 2024-08-16 09:38:15 发布

阅读量3.8k

点赞数 1

分类专栏： javascript html5

本文链接：https://blog.csdn.net/nbu00319/article/details/40823821

版权

本文介绍了如何利用H5的Auto API创建一个简单的音频播放插件，包括了auto浏览支持情况、关键控制函数的使用，以及可脚本控制的媒体属性。通过结合DOM操作，实现音频播放功能。

摘要由CSDN通过智能技术生成

h5的 auto浏览支持情况：

浏览器	支持情况	编解码器
Chrome	3.0	Theora 、 Vorbis 、Ogg H.264 、 AAC 、MPEG4
FireFox	3.5	Theora 、 Vorbis 、Ogg
IE	不支持	无
Opera	10.5	Theora 、 Vorbis 、Ogg（10.5） VP8、Vorbis 、 WebM（10.6）
Safari	3.2	H.264 、 ACC 、MPEG4

常用的控制函数：

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

影之歌NO1

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

H5audio标签制作音频播放器

weixin_44434509的博客

03-31

618

公司要在网页端为课程加一个音频播放的功能，H5的audio标签可以满足此功能，并且有丰富的api可供选择，话不多说，直接上代码。 <audio preload="auto" id="audio" "true" loop="true"> <source id="source" src="音频的src" /> </audio> //音频进度条滑...

语音播放插件，audio

11-21

语音播放插件，audio，

参与评论您还未登录，请先登录后发表或查看评论

amr文件播放

12-15

解决微信amr文件播放问题 js+Html5 在前端播放amr文件（亲测可用）以及其他音频文件都ok哦（如有疑问留言我会在第一时间为您解决）

Android Auto API 开源项目教程

最新发布

gitblog_00134的博客

08-16

374

Android Auto API 开源项目教程 Android-Auto-Api安卓无障碍服务Api, 为了简化无障碍服务使用，并使用 Kotlin 以提供简洁的Api。项目地址:https://gitcode.com/gh_mirrors/an/Android-Auto-Api 1. 项目的目录结构及介绍 Android Auto API 项目的目录结构如下： Android-Auto-Api...

audio 自动播放

G_wendy的博客

04-04

5730

<audio id="voice" loop src="/photo/aa.mp3" id="audio" autoplay preload="auto">该浏览器不支持audio属性</audio> src:音频地址 autoplay:音频加载完毕后自动播放。 controls:显示播放控制条。 loop:播放完毕后会重复播放。 preload:1)auto ...

10 个最佳 HTML5 音频播放器推荐

暂时为空

08-20

3617

HTML5似乎无所不能，该技术正在逐步蚕食原本属于Flash的市场，并逐渐成为Web开发中的主流技术之一。本文为你带来10款优秀的基于HTML5实现的音频播放器，你可以在Web项目中使用，为你的用户带来全新的体验。 1. Chameleon HTML5 Audio Player With/Without Playlist 你可以将本产品作为一个全功能的HTML5音频播放器

arm语音html5直接播放实现仿微信播放动画

02-07

1.html5标签播放amr语音 2.修改封装weixinAudio.js 实现仿微信语音播放动画 3.项目集成ffmpeg for linux 后台直接调用转换 4.内置jsp、html语音播放测试页 5.此样例只集成linux版ffmpeg 如部署环境为windows 请自行替换相应系统ffmpeg文件 6.ffmpeg下载地址http://ffmpeg.org/download.html

使用h5实现的音频播放器

01-19

这种播放器可以支持多种音频格式，如MP3，让网站用户可以直接在浏览器中播放音频内容，无需依赖Flash或其他外部插件。本文将深入探讨如何使用HTML5、JavaScript以及可能涉及到的相关技术来实现一个音频播放器。 1. ...

学习笔记之-----H5API

shdjjsns的博客

07-20

212

文章目录语义标签新添元素删除的标签添加的其他属性自定义属性多媒体播放1. 嵌入视/音频：2. source,指定不同媒体来源canvas元素（画图）js-cookie数据存储拖放操作WebMessagewebsocket地图API 语义标签 <nav>网站导航块 <section>表示页面中的一个内容块 <article>表示页面中的一块与上下文不相关的内容块 <aside>元素表示当前页面或文章的附属信息部分 <header>表示页面中一个标题区

h5 利用手机摄像头，识别条形码

08-02

接着，我们需要利用`getUserMedia` API，这个API是HTML5 Media Capture的一部分，允许我们访问用户的音频和视频输入设备。在JavaScript中，我们可以这样调用它： ```javascript navigator.mediaDevices....

AutoApi

02-09

AutoApiSecret-加密版 AutoApi系列：AutoApi，AutoApiSecret，AutoApiSR，AutoApiS 置顶本项目是建立在可以正确调用api的假设上的，核心是paran /黑幕大佬的py脚本。本项目只是提供一个自动，免费，无需额外设备的脚本运行方式，换句话说，借用github的电脑/服务器来干活。（因为原教程需要服务器/超高速运转的设备，大部分人都不优秀，本项目应运而生）本项目运行依赖github上行动服务，此功能GitHub的固有而非私人提供的服务器，且整个运行过程只涉及你与github上。请首席先阅读理解的原理说明，设计理念。不保证一定能续期！不保证一定能续期！不保证一定能续期！或者说，只是增加续订可能。过期前，后30天都可能续期！！！若理解并接受上述说明，请随后操作；若否，请点击浏览器右上角X。项目说明利用github action实

H5黑色质感音乐播放器插件.zip

07-11

引入js文件 [removed][removed] [removed][removed] [removed][removed] 一款黑色质感简洁的带播放列表的HTML5音乐播放器插件，支持自定义歌曲封面，歌曲名称，歌手，支持调节音量，歌曲进度等。

接口自动化-Auto_API.rar

09-24

主要使用技术栈： 1、 openpyxl：用于excel的写入和读取。 2、 requests：请求数据接口拿到返回值。 3、 json：格式化数据（注：中文加ensure_ascii=False） 4、 pymysql：操作数据库 5、 assertpy：API断言库 6、 configparser：配置文件读取 7、 logging：日志 8、 random、faker：随机数、制造随机假数据定义方法说明： db_mysql：Search_MySql（）数据查询类 httprequests：HttpRequest（）请求类 conftest：pytest的setup和teardown机制 test_cmm_apiassert：Test_Costom（）测试用例 read_data：readExcel（）读excel 实现： 1、配置文件方法封装，配置数据分离 2、单独封装请求类：请求不需区分get or post 接口类型 3、多种读取excel方法封装（单列读取，全部读取，根据用例名称读取） 4、pytest的setup和teardown机制使用 5、测试结果回写excel 6、allure报告上传青云对象存储 7、日志写入log.txt 8、测试结果与数据库对比验证 9、丰富的断言库和模拟数据库的使用

AutoApi:普通版无加密

03-08

AutoApi-普通版 AutoApi系列：AutoApi，AutoApiSecret，AutoApiSR，AutoApiS 置顶本项目是建立在可以正确调用api的假设上的，核心是paran /黑幕大佬的py脚本。本项目只是提供一个自动，免费，无需额外设备的脚本运行方式，换句话说，借用github的电脑/服务器来干活。，从而推进本项目出现）本项目运行依赖github上行动服务，此功能GitHub的固有而非私人提供的服务器，且整个运行过程只涉及你与github上。请首席先阅读理解的原理说明，设计理念。不保证一定能续期！不保证一定能续期！不保证一定能续期！或者说，只是增加续订可能。过期前，后30天都可能续期！！！若理解并接受上述说明，请随后操作；若否，请点击浏览器右上角X。项目说明利用github action实现定时自动调用api ，保持E5开发活跃。免费，不需要额外设备

APIAuto——敏捷开发最强大易用的 HTTP 接口工具（二）

发现问题，面对问题，分析问题，解决问题，总结问题

08-20

2077

敏捷开发最强大易用的 HTTP 接口工具，机器学习零代码测试、生成代码与静态检查、生成文档与光标悬浮注释。在常用功能上远超 Postman, Swagger, YApi, Rap 等其它各种开源、商业的 API 文档/测试工具。...

【OGG】OGG基础知识整理