10个免费开源的JS音乐播放器插件

音乐播放器在网页设计中有时候会用到，比如一些时尚类、音乐或影视类等项目，但这些 网页播放器 插件比较少见，所以这里为大家整理一个集合，也许会有用到的时候。

下面整理的播放器有些是支持自适应的，如果需要用到微信或手机上，可根据自己需要求，选择对应的网页播放器。

 ● Codrops Audio

Codrops Audio 界面使用纯CSS编写，支持响应式，可以方便在桌面、平板以及手机设备上使用。界面因为是CSS编写，所以如果懂CSS样式，可以自己设计一个新的样式来修改。

演示&下载

● Dark Player

Drark Player这个音乐播放器界面设计华丽，非常适应做音乐类的博客或网站使用，支持播放列表，NICE!

演示&下载

● Amazing Audio Player

一个HTML5播放器，案例带有不少的DEMO， 点击这里 查看。

演示&下载

● jPlayer

一个jQuery HTML5网页播放器，相信不少人用过这款。因为兼容性很好，如IE6也兼容。

演示&下载

● Audio.js

我觉得Audio.js这个音乐播放器很简约，使用很简单，如果对功能需求少的用户，可以考虑这个插件。

演示&下载

● MediaElement.js

支持音乐以及视频的HTML5网页播放器。

演示&下载

● HTML5/CSS3 Player

这不仅是一个播放器代码，而且还是一个教程，教程用HTML5和CSS3制作一个时尚漂亮的网页PLAYER

演示&下载

● jSpeaker

演示&下载

● Mobile Audio Player

响应式手机网页播放器。

演示&下载

● JW Player

支持音乐和视频的播放器，注：获取下载地址需要提供邮箱。

演示&下载

文章源自：http://www.shejidaren.com/free-audio-players.html

相关文档

 
相关经验 　—　更多
相关讨论 　—　更多
时间： 2024-08-07 04:11:49

10个免费开源的JS音乐播放器插件的相关文章

js音乐播放器

<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <style>

简单本地音乐播放器

// //  ViewController.m //  AudioPlayer // //  Created by apple on 14-7-18. //  Copyright (c) 2014年 苹果IOS软件开发者. All rights reserved. // #import "ViewController.h" #import <AVFoundation/AVFoundation.h> @interface ViewController ()<AVAudi

仿酷狗音乐播放器已开源！

转载请说明原出处,谢谢:http://blog.csdn.net/zhuhongshu/article/details/41037875 距离我发布测试版的Redrain音乐盒(仿酷狗播放器),现在正好刚2个月.博客留言和QQ群里也一直有网友关心这个小项目开源的问题.先感谢网友对这个小项目的支持.之前我一直担心版权问题而没有开源这个项目,因为我只是个在校大学生,不想惹麻烦,希望大家体谅! 关于这个Redrain音乐盒的发布程序的说明和使用方法,见<Redrain仿酷狗音乐播放器开发完毕,发布测试

GitHub 上 10 款免费开源 Windows 工具

GitHub 上 10 款免费开源 Windows 工具 GitHub 是如今所有开源事物的中央仓库, 这个网站最近发布了一个叫做<2016 Octoverse  状态报告>,详细列出了从去年起其一系列亮点, 包括总的活跃用户数,最常见的 emoji 表情,最常被使用的编程语言,等等. 而最令人感到惊奇的是什么呢? 微软竟然位列总活跃贡献榜首 - 在关注量上击败了 Facebook, Google, Atom, 以及 NPM. 我觉得不可思议的就是微软这么快就可以转变思维拥抱开源.一切都是从 

关于仿酷狗音乐播放器开源：寻求一套音乐播放器素材，让仿酷狗开源

转载请说明原出处,谢谢~~ 距离公布測试版的仿酷狗音乐播放器.已经几个月过去了.期间非常多网友加我QQ来问我开源的问题,我也早有开源意向. 但我也一直没有得到可靠的信息,保证开源后没有不论什么问题. 所以我打算给这个软件全然换一套界面素材.放弃原来的酷狗素材. 这样开源也就没有不论什么问题了,问题是我个人PS水平太烂.仅仅会切切图.如今寻求一套完整的音乐播放器的素材,素材内容要全面,能够用来替代酷狗的素材. 假设有哪位朋友有这种素材,或者有时间能够做出一套素材让我使用,我将感激不尽.素材替换完成

JS单曲调用百度mp3音乐播放器代码

在网上找的单曲调用百度mp3音乐播放器的代码,改了改,文本框输入歌曲名,中文逗号,歌手名,回车就可以试听了.几点说明:  百度音乐api 音乐文件地址,span,p,div,等都可以,ID 必须是songplay:  参数说明,第一个是歌曲名字,第二个是演唱者,最后一个如果为空则自动播放,不为空则手动播放.  参数间用中文逗号 , 分隔 ,点击按钮或者回车都可以播放. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN

音乐播放器带歌词切换

代码来自潭州java免费视频教程 <!doctype html> <html> <head> <meta charset="UTF-8"> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>音乐播放器</title

基于web的html 5的音乐播放器（转载）

文章转载自:开源中国社区 [http://www.oschina.net] 想通过手机客户端(支持 Android.iPhone 和 Windows Phone)访问开源中国:请点这里 HTML5 是一种用于创建和呈现的网页内容的语言.这是一个革命性的语言,它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放.本文向你推荐 10 个最棒的 HTML5 音频播放器,看看你喜欢哪个! Speakker Speakker 是一个基于 Web 浏览器的音乐播放器,只提供很多高级播放功能包括

html网页音乐播放器自带播放列表

基于网页的音乐播放器demo  http://pan.baidu.com/s/1dDgm7HR 自己diy了一个手机端在线音乐播放器演示地址http://shanxi2014.com/zhuandizhi/dom.php 全面支持手机端浏览器. 主要修改引用路径(不要修改文件相对存放地址) 第二就是正则拼接参数了 <script src="/city/js/libs/jquery-1.10.2.min.js"></script> <script src=&