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

一、总结

一句话总结：各种插件都有很多，多去找。

二、js插件---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

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


演示&下载

更多jQuery插件推荐：
响应式Lightbox灯箱插件—Strip
舒适的图片展示插件-PhotoSwipe （兼容平板手机等触屏设备）
国际电话号码输入jQuery插件

整理自：webresourcesdepot

 

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

  1. 小型音乐播放器插件APlayer.js的简单使用例子

      本篇博客将会给出一个小型音乐播放器插件APlayer.js的使用例子.关于APlayer.js的具体介绍和Github地址,可以参考: https://github.com/MoePlayer/A ...

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

    点这里 音乐播放器在网页设计中有时候会用到,比如一些时尚类.音乐或影视类等项目,但这些 网页播放器 插件比较少见,所以这里为大家整理一个集合,也许会有用到的时候. 下面整理的播放器有些是支持自适应的, ...

  3. 简约的HTML5音乐播放器插件

    从我刚开始接触前端的时候就想写一个能播放音乐的小程序,刚开始写的时候虽然可以放,但是确实很慢,很卡,有很多可以优化的地方.最近在前一个版本的基础上重写了一个音乐播放器的插件,速度还可以吧 因为追求简约 ...

  4. 使用 原生js 制作插件 (javaScript音乐播放器)

    1.引用页面 index.html <!DOCTYPE html> <html lang="en"> <head> <meta chars ...

  5. 使用EasyNVR无插件流媒体服务器接口和EasyPlayer.js播放器插件实现web网页H5播放无插件

    1.背景需求 很多客户在使用EasyNVR无插件流媒体服务器时,不喜欢产品化的界面,有时可能满足不了日常观看使用的需求.因此软件提供丰富的HTTP接口,供第三方平台调用集成.但是有时客户这边可能没有专 ...

  6. Wavesurfer.js音频播放器插件的使用教程

    Wavesurfer.js是一款基于HTML5 canvas和Web Audio的音频播放器插件,本文主要记录它及其视觉效果插件Regions插件的使用方法. 1.创建实例 引入插件 import W ...

  7. GitHub 上 10 款免费开源 Windows 工具

    GitHub 上 10 款免费开源 Windows 工具 GitHub 是如今所有开源事物的中央仓库, 这个网站最近发布了一个叫做<2016 Octoverse  状态报告>,详细列出了从 ...

  8. 原生JS实现音乐播放器！

      前  言            最近在复习JS,觉得音乐播放器是个挺有意思的东西,今天就来用我们最原生的JS写一个小小的音乐播放器~ 主要功能: 1.支持循环.随机播放 2.在播放的同时支持图片的 ...

  9. JS实现音乐播放器

    JS实现音乐播放器  前  言            最近在复习JS,觉得音乐播放器是个挺有意思的东西,今天就来用我们最原生的JS写一个小小的音乐播放器~ 主要功能: 1.支持循环.随机播放 2.在播 ...

随机推荐

  1. CSS提高渲染速度的写法

    写CSS的习惯,决定页面渲染速度的快慢,这一点在脑残的IE里更加明显.养成良好的习惯,乃至形成规范,会让你的页面更快速的加载,用户体验度更高,下面是零度逍遥总结的一些提高CSS渲染速度的写法,供大家参 ...

  2. BZOJ 3240 构造矩阵+矩阵快速幂

    思路: ax+b cx+d 构造矩阵+矩阵快速幂 (需要加各种特判,,,,我好像加少了- ) //By SiriusRen #include <cstdio> #include <c ...

  3. caffe for python (官方翻译)

    导言 本教程中,我们将会利用Caffe官方提供的深度模型——CaffeNet(该模型是基于Krizhevsky等人的模型的)来演示图像识别与分类.我们将分别用CPU和GPU来进行演示,并对比其性能.然 ...

  4. [NOI2015]品酒大会(SA数组)

    [NOI2015]品酒大会 题目描述 一年一度的"幻影阁夏日品酒大会"隆重开幕了.大会包含品尝和趣味挑战 两个环节,分别向优胜者颁发"首席品酒家"和" ...

  5. 百度地图API的使用示例

    刚刚工作的时候写过百度地图API文档,那时候没有记录到技术博客里面,今天在群里看见有个姑娘在问这个问题,重温了一遍,这个API还算好用.百度地图API,集成简单好用,全面,兼容问题,文档全面: 官方文 ...

  6. C# 快捷使用自定义配置节点

    C#除了appSettings和connectionStrings默认配置外还允许用户自定义使用配置.C# 提供3中简单的自定义配置,配置文件如下 <?xml version="1.0 ...

  7. 公路通行税Ceoi99（BFS+图的直径）

    公路通行税(Ceoi99) 版权声明:本篇随笔版权归作者YJSheep(www.cnblogs.com/yangyaojia)所有,转载请保留原地址! 在PALMIA国家内,有N个城市由公路相连(每条 ...

  8. 阿里云主机centos设置虚拟内存

    http://blog.csdn.net/luwei42768/article/details/51241758 https://my.oschina.net/u/2306127/blog/65726 ...

  9. Java面向切面原理与实践

    Java面向切面原理与实践 一. 面向切面编程是什么 首先用一句话概括:面向切面编程(AOP)就是对某些具有相似点的代码进行增强. 相似点可以是同一个包.使用相同的注解.public的方法.以Impl ...

  10. （WPF）XAML 过程式代码

    当代码编译.x:Code 元素的内容将被放到.g.cs文件. <Window x:Class="WpfApplication7.MainWindow" xmlns=" ...