Web播放器学习笔记（二） 1 Bit Audio Player

2024-04-02 06:43:12

1 Bit Audio Player

在 Web 页面上播放播放 MP3 音频并不难，我们曾在 5 个免费的 Web 视频及音频播放器一文中，介绍过两个 MP3 Web 播放器，它们的功能都很强大，会在页面上显示播放界面，控制 MP3 音频的播放，我们今天介绍这个 MP3 Web 播放器 1 Bit Audio Player，其播放界面只有一个箭头那么大。它可以嵌入你的 Web 页面，在每个 MP3 链接的后面生成一个播放箭头，点击后现场播放

这是 1 Bit Audio Player 自动在 Web 页面的 MP3 链接后面生成的播放箭头

点击播放箭头，即可现场播放该音频

下载 1 Bit Audio Player

http://1bit.markwheeler.net/1bit.zip

http://files.cnblogs.com/snipeBing/bitMp3.rar

在线文档（英文）

http://1bit.markwheeler.net/docs.php

工作原理

该播放器使用 JavaScript，借助 CSS 选择器语法探测页面中的 MP3 链接，然后，将播放器的 Flash 对象代码自动嵌入到每个 MP3 链接后面，在链接后面生成一个播放箭头，点击即可播放。

该播放器最适合对 Web 页面中的 MP3 链接进行预览，因为它的播放界面只有一个箭头，因此，播放是单向前进式的，你无法后退或者定位到音频的某个点。

文章摘自

世界上最小的 MP3 Web 播放器

转载于:https://www.cnblogs.com/snipeBing/archive/2012/10/26/2740841.html

Web播放器学习笔记（二） 1 Bit Audio Player相关推荐

C++基于ffmpeg和QT开发播放器~学习笔记
C++基于ffmpeg和QT开发播放器 B站网址 https://www.bilibili.com/video/BV1h44y1t7D8?p=2&spm_id_from=pageDriver ...
Vue项目音乐播放器学习笔记列表数据 Ⅱ
Home 组件 1. 创建新 Home 2. 创建 Home 相关组件 3. 编写组件代码 Home 组件 1. 创建新 Home 在 views 文件夹中新建 Home 文件夹用来存放主页的视图,将 ...
springmvc学习笔记二：重定向，拦截器，参数绑定
springmvc学习笔记二:重定向,拦截器,参数绑定 Controller方法返回值返回ModelAndView controller方法中定义ModelAndView对象并返回,对象中可添加mo ...
amazeui学习笔记二（进阶开发2）--Web组件简介Web Component
amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...
Qt+MPlayer音乐播放器开发笔记（二）：交叉编译MPlayer以及部署到开发板播放演示
若该文为原创文章,转载请注明原文出处本文章博客地址:https://hpzwl.blog.csdn.net/article/details/119991329 长期持续带来更多项目与技术分享,咨询请 ...
css中怎么加入立体模型,CSS学习笔记二：css 画立体图形
继上一次学了如何去运用css画平面图形,这一次学如何去画正方体,从2D向着3D学习,虽然有点满,但总是一个过程,一点一点积累,然后记录起来. Transfrom3D 在这一次中运用到了一下几种属性: ...
[转载]dorado学习笔记(二)
原文地址:dorado学习笔记(二)作者:傻掛 ·isFirst, isLast在什么情况下使用?在遍历dataset的时候会用到 ·dorado执行的顺序,首先由jsp发送请求,调用相关的ViewM ...
PyTorch学习笔记(二)——回归
PyTorch学习笔记(二)--回归本文主要是用PyTorch来实现一个简单的回归任务. 编辑器:spyder 1.引入相应的包及生成伪数据 import torch import torch.nn ...
Ethernet/IP 学习笔记二
Ethernet/IP 学习笔记二原文链接:http://wiki.mbalib.com/wiki/Ethernet/IP 1.通信模式不同于源/目的通信模式,EtherNet/IP 采用生产/消 ...

最新文章

热门文章