H5,Audio音乐播放器(移动版)

有些时候，总是感觉自己进步的没有以前快了。于是就怀疑自己是不是也被时间磨灭了，这可真是一件不幸的事儿。可能是自己会的东西太少了，总是有种莫名的危机感。

前一段时间，想写一个移动版音乐播放器，于是就开始利用下班后的时间写写。每天大概有大概两个小时的时间来做这件事儿，但是写了一版，感觉逻辑不是理想的，所以就推掉了原来写的，又从新写了一版。最近公司的事儿有点儿多，所以导致播放器被推延了一个星期，对自己很不满意，因为效率还是不在理想状态。

好了，陈述完毕。开始说说这个小的音乐播放器。

项目演示地址(请用移动浏览器或者PC移动模拟器访问)：http://xxyy.ahthw.com//xiaoyu/musicForMoibleV1.0/index.html

项目源码：https://github.com/awarriorer/MyMusicPlayForMobile（更新:2017年9月18日）

手机可以扫描二维码：

项目实现的功能：

A：播放器的基础操作，上一首，下一首，播放暂停，时间轴定位，

B：音乐分类，收藏功能(离线数据存储)，

C：随机背景

D：同步歌词

项目中用到的知识：

A：项目的选择器基于zepto.js

B：切换基于swiper.js,(自己写了一次，但是有些问题，还希望路过的大神提供给一些学习资料)

C：audio的操作，请参考audio的API

D：iconfont图标的应用(第一次用，确实好用)。

项目截图：

H5,Audio音乐播放器(移动版)相关推荐

基于jQuery仿QQ音乐播放器网页版代码
基于jQuery仿QQ音乐播放器网页版代码是一款黑色样式风格的网页QQ音乐播放器样式代码.效果图如下: 在线预览源码下载实现的代码. html代码: <div class=" ...
计算机弹音乐百度,百度音乐播放器电脑版怎么制作歌曲歌词？
现在很多朋友都在使用百度音乐播放器,那么在使用百度音乐播放器播放音乐的时候.音乐没有歌词应该怎么办呢?可以使用百度音乐播放器来制作歌词哦,但是很多人都不知道百度音乐播放器电脑版怎么制作歌曲歌词?下面小 ...
H5编写Audio音乐播放器——李帅醒博客
今天教大家使用html5 Audio标签实现音乐播放器,模仿QQ音乐.天天动听等类似效果.这是我当年刚接触H5的一个小demo,适合初学者初考,代码也有很大的优化空间. audio 属性属性值注释 ...
ehshig蒙文歌曲_额格希格音乐播放器_额格希格音乐播放器安卓版下载_额格希格音乐播放器最新版app下载_好趣手游网...
额格希格蒙语版是一款颇具民族特色的蒙文歌曲下载软件.额格希格音乐播放器收集了最全的蒙文歌曲曲库,各种经典的蒙文歌曲以及当前流行的蒙文流行歌全都有,深受广大内蒙用户喜爱! 软件介绍想了解蒙语音乐或者想 ...
（1）H5实现音乐播放器【正在播放-歌词篇】
近期闲来无事,就想着复习一下前端的东西,然后正好跟朋友搞了一个公共开放的音乐api接口,就想着写一个音乐播放器玩玩! 话不多说,直接上图,然后上代码 [播放器显示正在播放] 实现功能: 1:歌词随着歌 ...
音乐播放器android版,Android版音乐播放器
音乐播放器是一个非常常见的应用,这篇博客就是介绍如何制作一个简单的音乐播放器,这款音乐播放器具有以下的功能:播放歌曲.暂停播放歌曲..显示歌曲的总时长.显示歌曲的当前播放时长.调节滑块可以将歌曲调节到 ...
React实现H5在线音乐播放器
React-music React Music WebApp,在听音乐的时候忽然想听腾格尔的钢铁之翼(隐形的翅膀),在网易云上却找不到,就很气.于是想到了做一个,音乐搜索的功能,把所有想听的歌,能够一 ...
用vue简单写一个音乐播放器
简单地写一个功能比较全的音乐播放器前言因为音乐播放器是一个很可能在项目遇到的东西,早写总比晚写好.趁没事先写个. 思路一个音乐播放器该有的东西: 封面,歌名,专辑,作者控制器(上一首,下一首, ...
Qt5 QMediaPlayer 音乐播放器
暑假用Qt写的音乐播放器,界面有点丑,然后功能也有点少,还有一些bug,然后现在趁着寒假的时间把之前的界面给改了一下,并添加了一些功能,修改了一些bug,实现功能包括基本的歌曲播放暂停,上一首,下一 ...

H5,Audio音乐播放器(移动版)

H5,Audio音乐播放器(移动版)相关推荐

最新文章

热门文章