您的举报已经提交成功，我们将尽快处理，谢谢！
WIN8大卖之时，就是html5大红大紫之日。
大家还关注PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？实时互动交流，你提问题我来答，解决实际运营问题行业专场交流，互联网金融，电商，新媒体运营等专场线下聚会互动交流大咖分享交流资源及人脉共享其他的。。。。本周回顾：91风暴第四期话题“微信运营在电商公司扮演什么角色”精彩纷呈，实际案例实际分析，感谢社群各位同学激情碰撞。谁将是最佳话题明星？下周四晚9点，我们约吗？正文编者按：本文转载自简书专栏，作者乌木（微信号：wumuwizard），产品人。这是一篇很全面的互联网音乐分析文章，面世的音乐类互联网产品这么多，该如何划分其商业模式？互联网 + 音乐的未来有哪些选择和逻辑？◆ ◆ ◆音乐类应用竞品筛选通过 appstore、豌豆荚、199IT 数据中心、36氪、音乐产业类公众号等渠道，第一批筛选出的竞品如下 （筛选知名度较高或者产品模式具有代表性的产品）▼酷狗音乐、虾米音乐、QQ 音乐、网易云音乐、酷我音乐、百度音乐、多米音乐、喜马拉雅、荔枝 fm、蜻蜓 fm、考拉 fm、豆瓣 fm、企鹅 fm、章鱼 fm、唱吧、全民 K 歌、echo、酷我 K 歌、5sing、铃声多多、酷狗铃声、酷音铃声、听歌识曲、猎曲奇兵、音乐雷达、节拍器、VLC 播放器、PowerAmp、Realplayer、CoachGuitar、弹吧、弹弹、为艺、麦颂、野马直播、乐流、mozik、挖哇、看见音乐、spotify、bandcamp.◆ ◆ ◆竞品进一步分类◆ ◆ ◆各类别分析综合类音乐平台：此类产品核心功能为音乐搜素、试听、下载和社交，服务内容包括歌单、个性化推荐、曲库、歌词、MV 等等。随着音乐版权的正规化，此类平台的核心竞争力在于内容及运营，即使功能体验较差，也会因为某平台拥有喜好歌手的独家版权而选择忠诚。而目前的版权格局下，大公司只会越来越强，正如目前阿里音乐、QQ音乐和海洋音乐三国鼎立的态势已越来越明显，小公司和新进入的竞争者将会越来越难生存。综上所述，从综合类音乐平台进入市场会遭到巨头围堵，不是好的切入点。音乐工具类：此类产品若能找到有价值的刚需切入，下载量将会非常可观。但由于国内付费下载的行为并未培养起来，大部分工具类产品需要通过移动广告的形式来赚取利润，会对用户体验造成破坏性打击。加上主流产品已经开始迭代一些工具类的刚需点，比如微信摇一摇识别歌曲，酷狗铃声等等。音乐工具的市场生存空间已经越来越小。综上所述，音乐工具类产品盈利模式不佳，容易被大产品取缔，也不是好的切入点。音乐教育类：此类产品目前可分为 “纯线上” 和 “线上 + 线下” 两种模式。纯线上的产品比如 CoachGuitar，这是我非常喜欢的吉它教学app，筛选出经典的吉他弹唱曲目后，提供视频、曲谱、慢动作视频、全角度视频、伴奏等服务，非常好的满足吉它弹唱者的需求。但因为制作成本高，每首歌的课程售价需要25元，对中国用户来讲，肯定是偏贵的。线上+线下的模式就是重资源的产品了，app只是宣传和信息对接的渠道，如果在线下没有好的音乐师资、场所、运营人员和推广人员，产品很难成功，所以创业者多半本行就是做音乐线下教育的。综上所述，音乐教育类的产品创业重资源，如果没有这方面的经验、渠道和人脉，也不是好的切入点。说了比较多不太适合的机会点，讲一讲个人认为不错的音乐产品切入点。◆ ◆ ◆从需求出发其实听歌的人需求非常简单：a.找到有情感共鸣的歌b.将这种情绪与他人分享c.将一首歌打上自己的烙印，比如翻唱或者改编a和b已经是现在主流的产品形态，即通过搜索、推荐、歌单等形式帮助人们发现歌曲，通过评论、分享的形式将这种情绪与他人共享。而c类的需求也就是我所说的未来方向。其实这样的转变是音乐产业的一次大变革，原来的音乐产业注重消费端，注重唱片销售、演唱会、应用分发。但未来的音乐产业开始注重生产端，注重生产端也有两个方向，一是开始关注更好的服务音乐人，二是UGC，让普通大众也能参与生产音乐。这就是为什么电台FM类的产品越来越多，因为音乐或者说内容的生产者是每个人，荔枝 FM 主打人人都是主播，强调的就是一种 UGC 的概念。这也是为什么唱吧这一类全民 K 歌的产品也这么火，连我父母都沉迷于此，因为每个人都可以自己唱歌，唱歌的人都希望有听众，录好的歌就能分享到社交平台，还能通过 K 歌评分和别人PK。◆ ◆ ◆新的机会其实当下热门的互联网词汇，比如 “O2O”、“垂直化”、“智能硬件” 等都有他们合理的逻辑，越难成功也就越说明产品一旦崛起将构建极高的竞争壁垒。互联网+音乐的改革一样可以从这些大潮里学习商业模式，以下是个人觉得值得探究的模式：音乐人服务：很多独立的小众音乐人或者初出茅庐的音乐新人在创作出歌曲后，都希望有人帮助他们发行、做版权管理、宣传、销售等等，但传统的产业模式可能制作和宣传一张唱片的周期会非常长。互联网的出现可以让音乐人直接上传原创作品并且自己运营粉丝群体。如果有平台可以在吸引了大量音乐人和听众后，对接起这个供需两方的市场，将能形成良好的生态圈（比如现在豆瓣的音乐人小站）。比如悟空音乐就在广州大学城从大学城中培养有潜力的音乐新人，然后帮助他们做音乐发行、宣传和演唱会，做大公司无法照顾到的潜在音乐人服务。上海的看见音乐也在做独立音乐人的版权服务生意。优质内容轻推送，再从媒体转服务：互联网时代信息爆炸，音乐也越来越多，虽然现在的推荐算法能较好的推荐喜好歌曲给用户。但其实很多音乐往往因为它所关联的电影、故事或者人物所出彩，纯粹的音乐推荐并不能让发烧友了解到这些传奇的故事。就像最近比较火的 “一个”，每天只推送一张画、一篇文字和一个问答。如果专注在优质音乐内容的发掘、背景故事梳理及每天仅一次的推送，未尝不能打动一部分用户。当然，这也是一种比较理想化的产品形式，盈利模式将成为这类产品的瓶颈。比如现在做音乐内容推送的 “余音”，每期都会推荐音乐人和歌单，虽然我很喜欢这种 “猎奇音乐” 的感觉，但是也一直比较担心他们的盈利模式。不过再仔细想想36氪的成长模式，从创业媒体切入，再进一步发展为孵化器，做创投人服务。音乐媒体切入的产品也可以在用户数量、专业音乐人群中的知名度做起来后，做音乐人服务，切入本文所说的第一个机会。新的盈利模式：Spotify的盈利模式很有意思，免费用户在使用 Spotify 的服务时将被插播一定的广告。而付费用户则没有广告，且可以拥有更好的音质。Bandcamp则像淘宝一样，让音乐人直销他们的音乐，而且用户可以通过自定义的价格，从0至无限，来购买音乐的下载权。但有意思的是，平均下来，歌迷们会比市场上同类产品的最低价多付50%，每天都有很多发烧友进行大额支付，例如购买一首歌曲 100 美元，一张专辑 500 美元。也就是说，用户对喜爱的歌反而愿意多付点钱来支持音乐人。库克音乐专注于古典音乐，他们购买了古典音乐版权后，将曲库出售给大学图书馆，这样学生就能去图书馆免费听到优质的古典音乐。这个做的就是2B的生意。国内目前也兴起做音乐现场直播的生意，汪峰投资的野马直播最近也引起了很大的关注。因为在国内，前期版权体系的缺位让大部分音乐人的大部分收入，只能从演出中获得。这是一款让用户在移动端观看音乐演出直播的产品，大部分直播需要付费观看。产品里有 “回看” 功能，目前回看免费。这也是一种新的盈利方法，不过是把传统的音乐赚钱方法搬到了线上。构建生态圈：有个很有意思的数据，蒂姆库克称 Apple Music 三个月免费期结束后留下了 650 万的付费用户，三个月就超过了 Deezer 九年来辛辛苦苦积攒的 634 万付费用户。为什么？其实很简单，iPhone、iPad、iPod、Mac 都是各自领域的领头产品，每个产品里都自带itunes，都自带有Apple Music，用户量基数本身就是一个大级别。小米在手机里预装 MIUI 音乐，华为在手机预装华为音乐，都让他们在市场上迅速的占有了一定份额。QQ的绿钻，作为音乐产业里典型的盈利模式，也构建了一个很好的生态圈，在 “绿钻” 背后，是一个联动的粉丝群，而这些粉丝群借由腾讯的众多产品串联到一起，就形成了一个数字音乐生态圈的雏形。粉丝（用户）在 QQ 音乐上听歌，在微信来传播，通过绿钻和腾讯的电商渠道付费支持歌手，参与 O2O 互动，等等等等，QQ音乐为粉丝提供了一个全方位立体的 “消费场所”。再说豆瓣，为什么这么多人喜欢在豆瓣上去评论音乐，找音乐？因为豆瓣是一个文艺生态圈，喜欢音乐的人通常还喜欢其它文艺的事物，比如电影，比如书。大家去看看现在音乐排行榜前几名的歌曲，通常都是影视剧的主题曲或插曲。人的行为很有意思，看书的时候提到了一首歌，就想去听听，听歌的时候想起一本书，就像去看看。豆瓣一个巨大的文艺生态圈，就能让文艺青年通过站内链接在不同的领域跳来跳去，这种感觉别提多爽了。垂直化：垂直化，或者说做细分领域始终是产品切入的好方法，因为这一块大公司嫌市场小不愿做，大部分新入者不一定有资源。但多少现在的新生代公司就是从垂直领域做起来的啊，像垂直招聘的拉勾，垂直电商的聚美优品，垂直社交的 blue，垂直媒体，垂直搜索，垂直理财等等。音乐也有很多细分领域，而且这些音乐形式之间的用户行为之间还真有不同。听民谣的人喜静，听金属的人喜燥，听说唱的人喜动。听戏曲的多为中老年，听说唱的多为年轻人，听粤语歌的多在广东。正因为每种音乐人群的需求不一样，才有了垂直音乐产品的优势——你才是最了解目标受众的人。O2O：O2O和音乐一样能擦出火花，比如现在很多公司在做的“线下 KTV+APP”，他们可以通过 APP 预约包房、点线下包房曲库里没有的歌、现场唱完的歌还能录制评分后上传到 APP 里供用户分享到社交网络，同在一家 KTV 的用户还能通过 LBS 进行陌生人社交。音乐教育里也可以通过在线上对接想学音乐和想教音乐的人后，在线下完成课程教育。所有的定价、支付、老师评价、课前预习、课后答疑都可以在线上进行。末了，做个广告吧，91运营社群是基于互联网运营的学习型组织，欢迎各行业互联网运营达人加入我们大家庭，这里小伙伴都很nice，勤奋好学，每天风暴不断，未来我们将会有更多行业专场，如互联网金融专场，电商专场，新媒体运营专场等。据说，只有打赏的才是真粉丝哦，请小编喝杯咖啡吧，长按图片，在弹出的对话界面选择「识别图中二维码」。打赏完加小编微信（owen800522)入91运营官方群，名额有限噢！版权声明：本文来源于互联网，仅作分享学习之用，91运营负责整理推荐。文章仅代表原作者独立观点，不代表本微信公众平台运营者观点与立场。如有版权问题，请联系91运营小编（微信号：yunyingba）协商解决，谢谢！--------------------------------------------------------91运营网旗下垂直账号，每日一干货，有深度，有干度，有温度。欢迎关注： 91产品：（微信号：chanpin91）致力于为产品新人、产品经理等广大产品爱好者打造一个全方位的学习交流平台，分享产品设计、交互设计、产品运营干货。 91运营网</stron91产品(chanpin91)　
　文章为作者独立观点，不代表微头条立场
的最新文章
本文就是围绕“如何做好工作交接”这个话题，通过自己的感悟，分享一下自己的经验。这篇很长的文章将分为4个部分：
1) 产品经理的工作内容和范围
2) 产品经理的工作方式和方法
3) 心得体会
4) 其他经验分享PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？每周九一APP设计规范主要包括对界面布局、背景色、字体颜色大小、界面元素间距、弹层、loading、图标、按钮常态点击态等进行统一的梳理和规范。这篇文章是笔者之前在准备2014年8月份的腾讯产品培训生招聘时写的。分享出来，供通往PM道路上的小伙伴们参考。当我们确定了移动APP的设计需求和APP产品设计流程之后，开始着手设计APP界面UI或是APP原型图啦。这个时候我们都要面临的第一个问题就是如何将信息以最优的方式组合起来？本篇是从运营大咖张亮《从零开始做运营》进阶篇的内容总结整理而成为什么马化腾成为中国内地最佳CEO？一向在媒体面前非常低调的马化腾，首次接受了《哈佛商业评论》中文版的独家专访。如何写一个产品的体验报告，一份产品的体验报告中应该必备哪些内容以及应该突出哪些内容，你竟然是一片空白的状态，是不是想要改变这种情况?寻访各处，看各家产品体验报告的书写。如何去制造一个流行，谁来帮你制造一个流行？他们在哪里？如何让流行剧变?史上最全的产品经理知识浓缩经典！想成为产品经理的小伙伴们快快看过来！看看产品经理是个什么货色？编者按：现在做UI设计不仅要关注界面视觉，还得懂点交互和用研，今天这篇译文，囊括了移动APP操作过程中该有的9种基础状态（加载中、空状态、错误状态等），来收！作为一名互联网产品经理，在创造一款产品时，必须要使用一些工具软件辅助自己的工作，比方说思维导图、文档写作、原型设计方面的工具。本文为大家分享一些产品经理常用的工具。本文为你深度解析四大黄金职位：产品经理、视觉设计、产品运营和产品研发。小红书从用户画像到社区运营怎么做的？模板在这儿！本文将按照“信息+关系链+互动”的社交模型来展开讨论社交产品是如何设计和思考的。微博轻应用轻应用是微博为第三方服务（H5页面）接入微博提供的一套基础框架和接入服务，本文用案例详解了如何从零开始接入微博轻应用。内容型产品核心还是先把内容做好，海量、优质、独家，也就是人无我有，人有我优，人优我专，以内容价值作为独特竞争力形成行业壁垒。在内容做好的基础上，通过优化内容消费体验和内容输出塑造品牌形成自己的优势。在整个产品研发流程中，每一环节都需要产品经理稳扎稳打的来推动项目前进，那主要的环节有哪些呢？我感觉从概要层面上可以将产品经理的工作分为三个步骤：需求整理、原型设计、开发跟踪。本文为《从零开始做运营》入门篇的读书笔记，算是对本书内容的一个整体梗概。本文让大家可以了解到什么是需求，如何获取评估需求，如何定义需求的优先级，以及如何在日常工作中管理我们的产品需求。网上看到一篇很有意思的说产品经理的文章，转一下，意译一下几条有感觉的。Word拷过来编号有些问题，不太影响阅读就不改了哈。移动互联网走到今天，App寡头化的趋势愈加明显，同时用户的口味也越来越高，这对移动App开发者提出了更高的要求。本文作者，Testin云测总裁徐琨结合自身的丰富经验，剖析了移动App测试的现状与挑战，及解决方案。由于很多产品经理离用户较远，写出的文案都不太接地气，运营通常肩负起写产品文案的职责。此外，在“拉新”的工作之中，运营人员又要写一些软文，这对于一些没有写作基础的人来说稍微有些难度，这个时候读几本好书是非常有必要的。企业互联网化时代，如何抢占转型升级的先机？今日，微信企业号“互联网+”论坛上，微信开放平台业务部副总经理孙剑晖详细解读了，微信企业号如何帮助企业快速实现互联网化。以下为现场PPT，一起感受微信的力量！今天主要帮大家解决几个问题：
1、到底怎么理解产品和运营？
2、通过几个案例，理解互联网产品设计、运营背后潜在的规律性。画个流程图怎么画？该画什么不该画什么？怎么思考？流程分为哪些类？腾讯前十PM：我是如何将产品从日均几万做到日均数亿的PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？每周九一一枚在阿里2年的运营腊肉，期间有几次想过离职，好在自己坚持在这里被驯化，才有了这篇如何在大公司生存？讲的是产品运营与大公司的生存法则，这里介绍的经验不单适合产品运营，同时也适合所有来到大公司的新人们，所以跟大家分享一下。本文把一些需要厘清的概念做成了图，帮大家了解什么是产品经理。马化腾14年来腾讯的内在转变和经验得失总结为创造生物型组织的“灰度法则”，这个法则具体包括7个维度：需求度、速度、灵活度、冗余度、开放协作度、创新度、进化度。大到一个产品，小到一个h5，创业公司或者公司内部孵化项目，并不是一上来就有产品能让运营推广，也要且必要经历产品的立项、设计、开发、测试、上架。总结自己在创业公司的经历，在这些的过程中需要做好以下6件事。在这样一个出头很容易(抓住合适的热点炒作起来)，又很难(竞争激烈，垂直化细分严重)的互联网时代，到底该如何做互联网产品?高能预告：91风暴第五期话题“聊聊活动运营那些事儿”，本周四晚9点91运营社群不见不散。PS:做个广告，91做产品经理，大谈商业，模式，战略的同时，也应该静下心来，从产品的本质出发，设计出艺术品般的产品，更多的关注产品使用细节，用户体验好坏。这篇文章将谈一谈产品的简约设计，也是对最近看的《简约至上——交互设计四策略》的一个总结。这是一篇很全面的互联网音乐分析文章，面世的音乐类互联网产品这么多，该如何划分其商业模式？互联网 + 音乐的未来有哪些选择和逻辑？怎样做一个无可替代的产品经理？这是一篇来自于马化腾分享本文是一些被认为（或是曾经被认为）是最佳实例的模式，但未必如你初见时所认为的那么好。这篇文章主要探讨了后台产品的设计方法与思路，以点餐为例详细说明了如何做好业务逻辑梳理、产品梳理以及原型设计。产品人为什么要学习前端知识？我感觉最重要的原因是两个：技术门槛低、更接近用户和UI设计，另外还会带来一个便利性。今天@可风f（猎豹移动，资深交互设计师）聊聊工作中的实战案例，来看他是如何在数据的支撑下优化设计，提升高达12%的注册转化率的。PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？一手产品PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？作者：徐伟凡 来源：人人都是产品经理PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系为了让团队成员明白需求这个概念，前段时间做了一次内部培训，主要针对需求的发起以及沟通进行了讲解，让新人更好的明白如何处理工作中应对的问题，如何整理需求。24页PPT纯干货，整理了分享出来。做产品，要满足用户的需求，解决用户的痛点，那么究竟该如何做？滴滴如何从一个只是简单的打车软件，快速成长为现在涉及众多业务线的出行平台？关于互联网创业，他说一定要有梦想，寒冬下2B业务更好做。本文以“搜索的时间逻辑”作为脉络，从“为什么要搜索－搜索前－搜索时－搜索后”对搜索功能进行解剖式分析，给自己做分析整理的同时也分享给刚刚入门做移动端体验设计的同学。所有的B2C都会关心三个问题：究竟那97%去了哪里?自己的网站在什么环节变成了漏斗，让进来的客户像沙子一样一点点地流失?以及怎么检修隐藏的漏斗，减少漏水的速度?PS:做个广告，91运营用户交流群持续招募中，有兴趣的拉到底部加小编联系方式，至于加群有什么好处呢？一手产品chanpin9191产品致力为产品新人、产品经理等广大产品爱好者打造一个全方位的学习交流平台，分享产品设计、交互设计、产品运营干货。热门文章最新文章chanpin9191产品致力为产品新人、产品经理等广大产品爱好者打造一个全方位的学习交流平台，分享产品设计、交互设计、产品运营干货。自己想做个网站，纠结用HTML5，还是用HTML4呢？ - ThinkPHP框架
我觉得，HTML4+CSS2+JS，完全可以编写出HTML5+CSS3+JS任何效果，之所以采用HTML5编写，是因为HTML5的代码很简洁，但为了考虑要兼容不支持HTML5的浏览器，那么那些HTML4+JS的代码还是不能丢掉，这样就要编写很多额外代码。
使用HTML5的本意是为了代码简洁，在当前情况下根本无法实现，那么还不如使用HTML4，不知道我的理解对不对？
积分：1380
ThinkPHP 是一个免费开源的，快速、简单的面向对象的 轻量级PHP开发框架 ，创立于2006年初，遵循Apache2开源协议发布，是为了敏捷WEB应用开发和简化企业应用开发而诞生的。ThinkPHP从诞生以来一直秉承简洁实用的设计原则，在保持出色的性能和至简的代码的同时，也注重易用性。并且拥有众多的原创功能和特性，在社区团队的积极参与下，在易用性、扩展性和性能方面不断优化和改进，已经成长为国内最领先和最具影响力的WEB应用开发框架，众多的典型案例确保可以稳定用于商业以及门户级的开发。10 个基于 Web 的 HTML5 音乐播放器 - 开源中国社区
当前访客身份：游客 [
当前位置：
10 个基于 Web 的 HTML5 音乐播放器
HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言，它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器，看看你喜欢哪个！
Speakker 是一个基于 Web 浏览器的音乐播放器，只提供很多高级播放功能包括播放列表管理和分享。
audio.js 是一个 js 库用来让 HTML5 的 &audio& 标签可以在各种浏览器上使用，包括智能手机。
SoundManager 2 利用 HTML5 和 Flash 技术提供了稳定和阔平台的音乐播放功能，只有 10K 的 JS 包。
演示地址：
MooTools HTML5 Audio Player 是一个使用纯 HTML5 以及
框架开发的播放器。
jPlayer是一个用于控制和播放mp3文件的jQuery插件。它在后台使用Flash来播放mp3文件，前台播放器外观完全可以使用 XHML/CSS自定义。
Universal HTML5 Audio Player 是这10个播放器中唯一收费的，需要5美元。
该播放器完全用 HTML5 和 CSS 编写。
Scott Andrew&s HTML5 audio player 是一个真正轻量级的，但功能很强大。
HTML5 Audio Player Bookmarklet 在网页上放置播放器用来播放所有音频链接。
Speakker 的详细介绍：
Speakker 的下载地址：
想通过手机客户端（支持 Android、iPhone 和 Windows Phone）访问开源中国：
旧一篇： 5年前
新一篇： 5年前
你也许会喜欢
3楼：水良白
5楼：Mr.CT
楼主，只有speaker的下载吗？其余那些有下载吗？？？
7楼：竺赛栋
引用来自“丘淳”的评论楼主，只有speaker的下载吗？其余那些有下载吗？？？链接点进去啊。
8楼：百家网络博客
19:27 (非会员)
与内容无关的评论将被删除，严重者禁用帐号
本周热点资讯
本站最新资讯。。。最近天热的，感觉就像煎饼。。。然后别人在把妹子的时候，只有偶们这帮苦逼的程序员在那边撸代码。。。我日哦！
然后今天晒的是偶早年写的一个播放器。。。看上去是不是很有感觉的样子！一番宝物，Lisa唱的&& 在angel beats的插曲
最后在简述这个东西怎么写之前，本人男，24岁，籍贯上海，诚招女友一枚，要求：性格温顺。。。（省略500字）
&div class="Music"&
&div class="MusicPlaySound"&
&img class="MusicPlayBg" src="image/music/zsy.png" /&
&img class="MusicPlayProcess rotate" src="image/music/yyjd.png" /&
&div class="MusicPlayBox"&
&h3 class="title"&一番の宝物&/h3&
&p class="name"&Lisa(Yui final ver)&/p&
&div class="MusicPic"& &img class="MusicPicName PicNameRotate" src="image/music/yifan.jpg" /& &img class="MusicPicButton" src="image/music/pause.png" /& &/div&
&div class="Share icon"&分享&/div&
&div class="Next icon"&切歌&/div&
&audio src="music/Yuiki.mp3" autoplay=""&&/audio&
html部分就这样略过了。。。。基本都会写。。。
.MusicPlayProcess.rotate{animation:rotate 30s infinite linear;}
.MusicPlayProcess.pause{animation-play-state:paused;
-webkit-animation-play-state:paused;}
.MusicPicName.PicNameRotate{animation:rotate 4s infinite linear;}
.MusicPicName.pause{animation-play-state:paused;
-webkit-animation-play-state:paused;}
@keyframes rotate{
from{ transform:rotate(0deg)}
to{ transform:rotate(360deg)}
css部分么主要挑点有趣的
大概么这么几个css3动画。。。。上面那个.MusicPlayProcess.rotate{animation:rotate 30}
你可以把这个30s改成歌曲时间长度就变成进度条了& O~HOHOHOHO（懒人总有懒办法）
infinite么无限播放么你也懂得
.MusicPicName.pause{animation-play-state:
-webkit-animation-play-state:}然后么暂停动画、、、、
兼容性是个硬伤其他没什么
$(function(){
var play=1;
$(".MusicPicButton").click(function(){
if(play==0){
$(this).attr("src","image/music/pause.png")
$(".MusicPlayProcess").removeClass("pause")
$(".MusicPicName").removeClass("pause")
$("audio").get(0).play();
$(this).attr("src","image/music/play.png")
$(".MusicPlayProcess").addClass("pause")
$(".MusicPicName").addClass("pause")
$("audio").get(0).pause();
这里是Jq部分
&play么确定当前状态1播放0暂停
$("audio").get(0).play();
$("audio").get(0).pause();播放。。。暂停。。。
最后上个demo
/music.html
然后重点来了，本人面临失业T_T，跪求轻松的坑。目标薪资1w+就ok了，3年前端开发经验，2年html5移动开发经验，会玩phonegap，能撸好代码。性格乐观向上，乐于学习新鲜事物（看哪个好玩就搞那个，现在正在做游戏！）
阅读(...) 评论()}