`
liuming
  • 浏览: 164157 次
  • 性别: Icon_minigender_1
  • 来自: 蛮夷之地
社区版块
存档分类
最新评论

使用JavaScript读取MP3中的ID3信息

阅读更多

Jacob Seidelin在他的博客上发布了一个可以用于读取MP3中的ID3信息的JavaScript库 ,并且提供了演示 。其原理是通过JavaScript,以二进制的方式读取MP3文件,并提取其中的ID3信息。目前只支持对ID3v1的读取,作者表示,未来可能会加入对ID3v2的读取功能。

 

<script type="text/javascript" src="binaryajax.js"></script>
<script type="text/javascript" src="id3.js"></script>
<script type="text/javascript">
// MP3文件的URL,必须和所在的页面同域
var file = "mymusicfile.mp3";

// 定义回调函数
function mycallback() {
 // 既可以调用 ID3.getAllTags([file]) 取得一个包含所有标签信息的对象
 alert(
  "All tags in this file: " + ID3.getAllTags(file).toSource()
 );

 // 也可以调用 ID3.getTag([file], [tag]) 得到某一个标签
 alert(
  "Title: " + ID3.getTag(file, "title") + " by artist: " + ID3.getTag(file, "artist")
 );
}

ID3.loadTags(file, mycallback);
</script>

作者还表示,由于Opera目前还不支持以二进制方式读取文件,所以还不能兼容Opera。

 

 点击这里下载该库

10
2
分享到:
评论
3 楼 achun 2008-08-23  
咳,都是逼出来的方法呀!
其实等javascript有二进制操作能力的时候在写,
或者直接用flash写不是更简单嘛!
2 楼 gyj129129 2008-08-23  
牛的是一塌糊涂...js的强大是不可预料的!!!
1 楼 phz50 2008-08-22  
写得不错啊!

相关推荐

    javascript读取excel数据

    3.readAsDataURL(file):将文件读取为Data URL 4.readAsText(file, [encoding]):将文件读取为文本,encoding缺省值为'UTF-8' */ var wb;//读取完成的数据 var rABS = false; //是否将文件读取为二进制字符串 ...

    nodejs-id3-reader:mp3 id3 标签检测

    读取的标签会保存在id3Reader对象内部,方便下次读取,用来作为缓存使用,读取文件的所有标签可通过 id3Reader.getAllTags(localFilePath); 获取指定标签 id3Reader.getTag(localFilePath , tags); id3Reader对象...

    id3:适用于Node和浏览器JavaScript ID3标签解析器

    id3.js是一个JavaScript库,用于读取和解析MP3文件的ID3标签。 它可以解析浏览器或Node中的ID3v1和ID3v2标签。 可以从本地磁盘(仅节点),同源URL和File实例(HTML5 File API)读取文件。 用法 安装: $ npm i -...

    mp3tag.js:用纯JavaScript编写的MP3标记库

    特征读取,写入和删除ID3标签支持不同步符合标准。 参见安装您可以在下载即用型脚本,也可以通过使用git克隆此存储库然后构建它来构建自己的脚本。 git clone ...

    USB-ID通用免动动读卡器JavaScript示例源码.rar

    JavaScript使用Ocx控件读取RFID卡号示例,支持IE浏览器

    js(javascript)获取网页源码

    //根据window.XMLHttpRequest对象是否存在使用不同的创建方式 if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); //FireFox、Opera等浏览器支持的创建方式 } else { xmlHttp = new ActiveXObject(...

    JavaScript操作XML文件之XML读取方法

    本文实例讲述了JavaScript操作XML文件之XML读取方法。分享给大家供大家参考。具体分析如下: 假设我们现在要读取下面的 info.xml 文件 &lt;?xml version=1.0 encoding=gb2312?&gt; &lt;data id=1&gt; &lt;name&gt;ceun ...

    JavaScript基础教程第8版

    书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式、用户事件和cookie,并在上一版的基础上新增了两章,讲述jQuery框架的基础知识。本书不仅介绍了基础知识和使用方法,也深入探讨...

    JavaScript中读取和保存文件实例

    话说今天只是粗略浏览了一下Proxy SwitchySharp的源码,就收获了不少东西,其中就包括本文要介绍的读取和保存文件。因为Google还不提供同步插件数据的功能,所以导入和导出插件配置就必须和文件打交道了。而出于安全...

    javascript读取xml实现javascript分页

    代码如下:&lt;!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...&lt;head&gt;&lt;... charset=utf-8″ /&gt;&lt;...读取Xml并分页&lt;... &lt;div id=”gao”&gt;

    ID3-lyrics-writer:通过操纵ID3-tag向MP3添加歌词的Node项目

    每个mp3文件都包含我们可以读取和写入的ID3标签。 这个想法是将保存在txt文件中的歌词存储在mp3非同步歌词标签中。 歌词类型有两种: 歌词/文字同步 不同步的歌词/文字转录 (有关更多信息,请访问) ##背景故事 ...

    JavaScript面试题和答案

    26.在JS中如何获取id为username的文本框的值,如何获取名字为username的文本框的值,用JS代码表示(2分) var userName=document.getElementsByName("username")[0].value; var username=document.getElementById(...

    【JavaScript源代码】react中props 的使用及进行限制的方法.docx

    react中props 的使用及进行限制的方法 ... &lt;div id="test1"&gt;&lt;/div&gt; &lt;div id="test2"&gt;&lt;/div&gt; &lt;div id="test3"&gt;&lt;/div&gt; &lt;!-- 引入react核心库 --&gt; &lt;script src="../js/react.development.js"&gt;&lt;/scri

    js-bv-sampling:bai (bam) 和 tba (vcftabix) 索引文件和二进制读取器上的 Javascript 读取深度和随机采样

    将估计作为“段信息”映射向量的映射 M 返回,其中 M 中的每个键是一个参考 ID,每个对应的值是每个映射的映射向量 [seg-info-map, ...] { relBinNum : ( segment - bin - num - start16kbBinid ) , pos : ( ...

    browser-id3-writer:用于将ID3标签写入浏览器和Node.js中的MP3文件的纯JS库:writing_hand:

    浏览器ID3编写器 用于在浏览器和Node.js中将标记写入MP3文件的纯JS库。 它无法读取标签,因此请使用另一个库来执行。 注意:该库将删除现有的ID3标签(v2.2,v2.3和v2.4)。 可在Node.js 4 +,IE10 +和所有现代...

    一个ajax功能的JS xml读取封装类代码.rar

    一个实现ajax功能的JS xml读取封装类代码,在这个JavaScript类里面,有核心的读取XML文件的代码,同时还包括了新建XML文档对象、在IE下使用ActiveX来创建,异步读取XML文件,创建XMLHttp对象,以备XML文档对象无法...

    yayson:一个用于在JavaScript中序列化和读取JSON API数据的库

    一个用于在JavaScript中序列化和读取数据的库。 从2.0.0版开始,YAYSON旨在支持JSON API版本1。 正在安装 通过运行以下命令安装yayson: $ npm install yayson --save 呈现数据 一个基本的Presenter在Coffeescript...

    javaScript 读取和设置文档元素的样式属性

    里面定义的,级别次之 3.外部链接样式表文件 JavaScript获取和设置文档元素的css属性: 1.获取元素Style属性里面设置的样式属性, document.getElementById(id).style.height; 有,则返回属性值;没有则返回空 IE和...

    javascript 解析后的xml对象的读取方法细解

    读取的xml: 代码如下:&lt;svg id=”svgID” key=”1″&gt; &lt;desc xss=removed&gt; Text1 &lt;/desc&gt; &lt;defs&gt; Text2 &lt;/defs&gt; &lt;g&gt; text3 &lt;/g&gt; &lt;/svg&gt;javascript对此xml的解析方法如下: 代码如下:&lt;html xmlns=”...

Global site tag (gtag.js) - Google Analytics