酷炫音乐播放器 html5 微信

HTML5打造的炫酷本地音乐播放器-喵喵Player

将之前捣腾的音乐频谱效果加上一个播放列表就成了现在的喵喵播放器(Meow meow Player,额知道这名字很二很装萌~),全HTML5打造的网页程序,可本地运行也可以挂服务器上用. 在线Demo及源码你可以访问下面的地址打开在线demo: http://wayou.github.io/MeowmeowPlayer/ 项目github地址: https://github.com/Wayou/MeowmeowPlayer/ 示例音乐下载,提供给硬盘里没有Music的同学:http://pan.

【大结局】《从案例中学习JavaScript》之酷炫音乐播放器（四）

这是之前写的用H5制作的音乐播放器,前三节其实已经做得差不多了,音轨的制作原理已经在上一节说明,不过一直还没有和音乐对接. 本章作为该系列的一个完结篇,我会专门把动态音轨的实现代码贴出来,demo地址会在文章最后给出. 为了尽可能保持条理清晰,我就重新开一个页面来说明吧.你把本文的代码拷过去,应该是可以直接运行的.(当然,音乐文件需要换成你本地的) 1. 画一个demo页 <!DOCTYPE html> <html> <head> <meta charset=&q

仿酷狗音乐播放器开发日志十九——CTreeNodeUI的bug修复二（附源码）

转载请说明原出处,谢谢今天本来打算把仿酷狗播放列表的子控件拖动插入功能做一下,但是仔细使用播放列表控件时发现了几个逻辑错误,由于我的播放列表控件是基于CTreeViewUI和CTreeNodeUI做得,所以产生这几个bug的原因还在于他们两个,在<仿酷狗音乐播放器开发日志十一 ——CTreeNodeUI的bug修复>中已经修复过一个动态添加控件的相关bug,这属于第二次修复了.关于第一次bug的修复,后来 Duilib扩展群的 joe 又进行过比我更全面的修复,我现在使用的CTreeVie

jqm视频播放器,html5视频播放器,html5音乐播放器,html5媒体播放器,video开展demo,html5视频播放演示示例,html5移动视频播放器

最近看到很多有用的论坛html5视频播放的发展,音乐播放功能,大多数都在寻找答案.所以,我在这里做一个demo.对于大家互相学习.html5开发越来越流行,至于这也是一个不可缺少的一部分的视频. 如何使你的网站占据优势,取决于你的功能和用户体验.html5对video做了非常多优惠的东西.我们使用起来非常得心应手. 在过去 flash 是网页上最好的解决视频的方法.截至到眼下还算是主流.像那些优酷之类的视频站点.虾米那样的在线音乐站点.仍然使用 flash 来提供播放服务.可是这样的状况将会随着

仿酷狗音乐播放器开发日志二十四选项设置窗体的实现（附328行xml布局源码）

转载请说明原出处,谢谢~~ 花了两天时间把仿酷狗的选项设置窗体做出来了,当然了只是做了外观.现在开学了,写代码的时间减少,所以整个仿酷狗的工程开发速度减慢了.今天把仿酷狗的选项设置窗体的布局代码分享出来,给学习duilib布局的朋友做个demo.现在编写的仿酷狗选项设置窗体和原酷狗的窗体不细看几乎看不出差别,控件的布局位置和原酷狗最多只有几个像素的位置差别. 先来看一下原酷狗的选项设置窗体的其中一个页面: 如果还不太会布局的朋友可以先看我前些日子写的关于duilib布局的博客<duilib各种布

项目源码--Android类似酷狗音乐播放器

下载源码知识技能概要: 1.音乐文件的扫描与管理 2.音频流的解码 3. UI控件的综合使用 4.播放列表方式管理 5.随机播放方式 6.源码带详细的中文注释 ...... 详细介绍 1. 音乐文件的扫描与管理播放器具有扫描本地文件功能,将音乐文件加入支持播放的列表中 2. 音频流的解码采用系统自带解码的方式,对音乐文件数据流进行解码播放 3.UI控件的综合使用本套音乐播放器采用的底部功能区域TAB方式,提供能曲库,随便听听,搜歌,功能菜单等四个主要模块 4.播放列表方式管理提供了播放

html5+css3酷炫音频播放器代码

1. [代码][JavaScript]代码 (function($){ jQuery.fn.extend({ "initAudio" : function(){ var myAudio = $("audio",this)[0]; var $sourceList = $("source",this); var currentSrcIndex = 0

Redrain仿酷狗音乐播放器开发完毕，发布测试程序

转载请说明原出处,谢谢~~ 从暑假到现在中秋刚过,我用duilib开发仿酷狗播放器大概经历了50天.做仿酷狗的意图只是看原酷狗的界面比较漂亮,想做个完整一些的工程来练习一下duilib.今天把写好的程序代码综合一下,发布测试版,现在一共写了10355行c++代码和大约2000行xml代码.测试版的程序肯定会有不少bug,而我自己也没有精心去测试程序,希望发现问题的朋友联系我一下,我去修正.程序在win8下运行会有问题,请在兼容性里调整一下!整个软件的开发过程可以看前面发布的博客! 软件界面上绝大

仿酷狗音乐播放器开发日志二十七用ole为窗体增加文件拖动功能（附源码）

转载请说明原出处,谢谢~~ 中秋到了,出去玩了几天.今天把仿酷狗程序做了收尾,已经开发完成了,下一篇博客把完结的情况说一下.在这篇博客里说一下使用OLE为窗体增加文件拖拽的功能.使用播放器,我更喜欢直接拖动音乐文件添加到软件里,所以做这个功能很重要.做OLE拖拽之前学习了两篇文章: http://www.codeproject.com/Articles/840/How-to-Implement-Drag-and-Drop-Between-Your-Progra%E3%80%91 http://b

原创: 做一款属于自己风格的音乐播放器 (HTML5的Audio新特性)

灵感的由来是前些天看到了博: http://www.cnblogs.com/li-cheng 的首页有一个很漂亮的播放器,感觉很不错,是用Flex做的Flash播放器. 于是我也便想到了,自己也来来弄个玩玩. 所以利用1天的时间,通过收集整理,做了一款自己专属的播放器! 播放器实现了以下功能操作:1:播放.暂停2:快进.快退3:上一曲.下一曲4:单曲循环效果如下: 奉献JS源码如下: (function ($) { $.fn.Html5Player = function() { //获取音频A

仿酷狗音乐播放器开发日志十一——CTreeNodeUI的bug修复

由于做播放列表控件,我的CMusicLength控件继承了CTreeVieWUI控件,在向分组控件中添加播放项目时,发现代码无法正常工作,调用CTreeNodeUI控件的Add方法后无反应,导致我的播放器无法动态增加项目. 在对duilib源码调试后发现,CTreeNodeUI类的AddAt方法存在bug,AddAt的原型为 long CTreeViewUI::AddAt( CTreeNodeUI* pControl, int iIndex ): 其中的iIndex参数代

仿酷狗音乐播放器开发日志三——修复CEditUI的bug2

无意中发现了CEditUI控件的另一个bug,当我给播放器的搜索栏获取焦点时,这时再改变窗体大小,原本搜索栏应该对应着也改变大小,却发现CEditUI内嵌的edit控件没有跟着改变(如下图),跟着调试了一段时间,发现是CEditUI类中的CEditWnd类的OnKillFocus函数中提前把m_pWindow指针赋值为NULL,导致CEditUI在调整控件位置时误以为edit控件还没创建,解决办法是注释掉OnKillFocus函数中把m_pWindow指针赋值为NULL的代码. bug修

仿酷狗音乐播放器开发日志二十五 duilib右键事件的不足的bug修复

转载请说明原出处,谢谢~~ 虽然仿酷狗的各个菜单早就写好了,但是一直没有附加到程序里.今天把菜单和播放列表控件关联时发现了问题. 和播放列表相关的菜单有三个,分别是每个音乐项目控件相关的菜单.分组的菜单.音乐电台的菜单.应该的效果如下: 原本我想着只要给对应的控件设置menu属性,然后在代码里响应消息弹出菜单就可以了.但是实际测试发现,控件根本无法响应到menu消息,原因在于:音乐项目.电台项目这些控件都是靠许多子控件组合而成的,换句话就是他们上面覆盖了很多其他子控件,子控件挡住了音乐项目和电台

仿酷狗音乐播放器开发日志二十六 duilib在标题栏弹出菜单的方法

转载请说明原出处,谢谢~~ 上篇日志说明了怎么让自定义控件响应右键消息.之后我给主窗体的标题栏增加右键响应,观察原酷狗后可以发现,在整个标题栏都是可以响应右键并弹出菜单的.应该的效果如下: 本以为像上一片博客那样,处理标题栏的布局的右键消息就可以了.后来发现在duilib的标题栏中无法像在客户区那样自如响应UIEVENT_CONTEXTMENU消息的.所以还得用另外的方法. 在非客户区处理右击消息对应的是WM_NCRBUTTONUP,WM_NCRBUTTONUP是和WM_NCHITTEST相辅相

仿酷狗音乐播放器开发日志二十三修复Option控件显示状态不全的bug（附源码）

转载请说明原出处,谢谢~~ 整个仿酷狗工程的开发将近尾声,现在还差选项设置窗体的部分,显然在设置窗体里用的最多的就是OptionUI控件,我在写好大致的布局后去测试效果,发现Option控件的显示效果很不理想.在源码中可以知道(属性列表中列的不全面)Option提供了8种显示状态,分别为 <Attribute name="normalimage" default="" type="STRING" comment="普通状态图片&q

酷狗、QQ、天天动听——手机音乐播放器竞品对比

如果说什么艺术与人们生活最贴近,那应该属音乐了,因此当代人不离身的手机里必然会有自己喜欢的音乐播放器APP存在. 在当今无论PC端还是手机端音乐播放器都越来越同质化,我们应该选择哪款手机音乐播放器?它们又有哪些异同? 鉴于各款手机的硬件配置.各人音乐品味及审美等诸多差异, 此文选取了用户量占据前列的酷狗音乐.QQ音乐与天天动听三款代表性手机端音乐播放器APP,从界面布局.下载音质.社交属性及其他细节方面进行竞品对比,希望能给用户提供更多的参考点. 界面布局酷狗音乐酷狗音乐采用抽屉式导航

记一次酷狗音乐API的获取，感兴趣的可以自己封装开发自己的音乐播放器

1.本教程仅供个人学习用,禁止用于任何的商业和非法用途,如涉及版权问题请联系笔者删除. 2.随笔系作者原创文档,转载请注明文档来源:http://www.cnblogs.com/apresunday/p/8448126.html,谢谢小八这几天正在学习微信小程序的开发,于是想在学的同时能开发出来一个关于音乐的项目,但是问题在于音乐这东西.一方面是数据量太大,第二个方面就是牵扯到很多的版权的问题,所以笔者就想着借助于目前市面上的音乐播放器上的音乐文件,鉴于酷狗音乐上边的歌多而且比较的全面,在此就

HTML5项目笔记4：使用Audio API设计绚丽的HTML5音乐播放器

HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件. 浏览器支持情况: 浏览器支持情况编解码器 Chrome 3.0 Theora . Vorbis .Ogg H.264 . AAC .MPEG4 FireFox 3.5 Theora . Vorbis .Og

使用Audio API设计绚丽的HTML5音乐播放器

HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道和一些元数据,这些是和你的视频或者音频控件绑定到一块的,这样才形成了一个完整的播放组件. 浏览器支持情况: 浏览器支持情况编解码器 Chrome 3.0 Theora . Vorbis .Ogg H.264 . AAC .MPEG4 FireFox 3.5 Theora . Vorbis .Og

html5 简单音乐播放器

html5 简单音乐播放器 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/> <title></title> <style type="tex

酷炫音乐播放器 html5 微信

热门专题