web音乐播放器总结
前言
项目暂时告一段落,胸中有股炽热之气望喷涌而出!忍不住吐槽,为什么程序员要加班啊,为什么产品下达deadline,就得把这生死剑架在程序员的脖子上.卧槽,听说程序员在国外是叫工程师的.最近看了很多乱七八糟的文章,有人说真正牛逼的人从不加班,不聪明却勤奋的人是公司加班文化的始作俑者.这种人就该从公司中被排除.卧槽,第一次听说这种观点.那不是我也该被排除咯?粗心大意,脑子不好使,也非我愿.可是到底有什么办法能不加班呢?不是说好的每天工作8小时,幸福生活一辈子么,不知道现在大家在急什么.每天都有做不完的工作,如果你还想抽空学习提升,那你几乎就没有别的生活时间了,除了工作.似乎所有的一切都是求快.欲速则不达,慢工出细活.总觉得古人说的话是很有道理的.我有时候在想,我能拒绝一些工作么.哈哈,说不定就被炒鱿鱼了.可是,就算真的被炒鱿鱼了,又怎么样呢?我估计很多人和我一样没有继续往下想.生命应该是广阔的!
吐槽归吐糟,"工程师"之路任重而道远.看不清前路就做好现在.我看到有句话说得很好,现在这个时代,大多数人都是去接受信息,听别人怎么说.信息太多了,时间久了,或许也就忘了自己的声音.我们需要感激与保护自己的每一点进步与改变,所以我重拾了以前放弃的写博客.不求有多少人看,只求内心舒坦.
功能点分析
有人说,优秀的程序员会去关注业务,关注产品策略而不仅仅是去实现某个功能.鄙人部分赞同吧,确实一个优秀的程序员应该能从逻辑上与别人交流,而不是仅仅代码实现.这里我就简单画了一下我的想法,不过貌似看起来多数还是技术细节上的东西.说明鄙人是一只菜鸟,哈哈.愿做一只向上飞的菜鸟.

图中我更多的是从技术实现的角度上来看待用户体验.web端的用户体验,我把兼容性放在一个很大的位置.,我认为几乎全是兼容性的问题.
一部分是css,js的标准支持情况,一部分是性能问题,这里主要是指安卓机器的参差不齐,渲染能力太差.稍微复杂点就容易卡顿.所以向下兼容的方案是很重要的.
产品的思考
那么从产品角度来思考用户体验呢,现在是个人都在强调用户体验,用户至上.然而对于程序员来说往往都只有一个模糊的概念,我们过于关注技术,专注于具体的技术实现.却容易忽视我们的技术付出是否是值得的.在一个项目中,程序员应该要有产品意识,这样我们才能与pm与ue合理的沟通,保证我们的技术付出是有意义的.

根据这一张图,我们可以发现第一张图更多的是从实现层和框架层来考虑的。为了能更好的和pm和ue撕逼,我们也得加强在产品的需求甚至是战略上的理解。
技术分析
这一部分我放在了另外的2篇文章。
总结
虽然这段时间很累,但也确实是学到一些东西。路漫漫其修远兮,多下苦功,多思考。
参考资料:
web音乐播放器总结的更多相关文章
- web音乐播放器
今天闲暇时间,花了2小时,写了个简单音乐播放器.欢迎大家来吐糟 先看下界面截图 大体实现:播放,停止,上一曲,下一曲,循环播放功能. 知识点:1.html 中audio 2.css 位置fixed 其 ...
- 基于vue的移动端web音乐播放器
声明 以下只是学习完慕课网huangyi老师实战视频课程的笔记内容,仅供个人参考学习使用.如果对Vue2.0实战高级-开发移动端音乐WebApp感兴趣的话,请移步这里:https://coding.i ...
- 网页播放音频、视频文件——基于web的html 5的音乐播放器(转载)
文章转载自:开源中国社区 [http://www.oschina.net] 想通过手机客户端(支持 Android.iPhone 和 Windows Phone)访问开源中国:请点这里 HTML5 是 ...
- HTML5的Audio标签打造WEB音频播放器
目前,WEB页面上没有标准的方式来播放音频文件,大多数的音频文件是使用插件来播放,而众多浏览器都使用了不同的插件.而HTML5的到来,给我们提供了一个标准的方式来播放WEB中的音频文件,用户不再为浏览 ...
- Dewplayer 音乐播放器
Dewplayer 是一款用于 Web 的轻量级 Flash 音乐播放器.提供有多种样式选择,支持播放列表,并可以通过 JavaScript 接口来控制播放器. 注意事项: 该播放器只支持 mp3 格 ...
- 【竞品分析】Android音乐播放器的竞品分析
迄今为止最长的一篇博客,各位看官笑纳~~ 本次分析基于Android平台,选取了几款我体验过的播放器进行比较分析.主要分为两类,一类是大而全的,功能全面,可满足用户管理歌曲.导入导出歌单等多方面需求, ...
- 4个小时实现一个HTML5音乐播放器
技术点:ES6+Webpack+HTML5 Audio+Sass 这里,我们将一步步的学到如何从零去实现一个H5音乐播放器. 首先来看一下最终的实现效果:Demo链接 接下来就步入正题: 要做一个音乐 ...
- swift3.0 简单直播和简单网络音乐播放器
本项目采用swift3.0所写,适配iOS9.0+,所有界面均采用代码布局. 第一个tab写的是简单直播,传统MVC模式,第二个tab写的是简单网络音乐播放器.传说MVVM模式(至于血统是否纯正我就不 ...
- HTML5项目笔记4:使用Audio API设计绚丽的HTML5音乐播放器
HTML5 有两个很炫的元素,就是Audio和 Video,可以用他们在页面上创建音频播放器和视频播放器,制作一些效果很不错的应用. 无论是视屏还是音频,都是一个容器文件,包含了一些音频轨道,视频轨道 ...
随机推荐
- ASP.NET MVC with Entity Framework and CSS一书翻译系列文章之第二章:利用模型类创建视图、控制器和数据库
在这一章中,我们将直接进入项目,并且为产品和分类添加一些基本的模型类.我们将在Entity Framework的代码优先模式下,利用这些模型类创建一个数据库.我们还将学习如何在代码中创建数据库上下文类 ...
- node服务的监控预警系统架构
需求背景 目前node端的服务逐渐成熟,在不少公司内部也开始承担业务处理或者视图渲染工作.不同于个人开发的简单服务器,企业级的node服务要求更为苛刻: 高稳定性.高可靠性.鲁棒性以及直观的监控和报警 ...
- Apache Ignite高性能分布式网格框架-初探
Apache Ignite初步认识 今年4月开始倒腾openfire,过程中经历了许多,更学到了许多.特别是在集群方面有了很多的认识,真正开始认识到集群的概念及应用方法. 在openfire中使用的集 ...
- 07. Web大前端时代之:HTML5+CSS3入门系列~H5 地理位置
Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 源码:https://github.com/duniti ...
- 【夯实PHP基础】UML序列图总结
原文地址 序列图主要用于展示对象之间交互的顺序. 序列图将交互关系表示为一个二维图.纵向是时间轴,时间沿竖线向下延伸.横向轴代表了在协作中各独立对象的类元角色.类元角色用生命线表示.当对象存在时,角色 ...
- Dropzone.js实现文件拖拽上传
dropzone.js是一个开源的JavaScript库,提供 AJAX 异步文件上传功能,支持拖拽文件.支持最大文件大小.支持设置文件类型.支持预览上传结果,不依赖jQuery库. 使用Dropzo ...
- Node.js学习笔记——Node.js开发Web后台服务
一.简介 Node.js 是一个基于Google Chrome V8 引擎的 JavaScript 运行环境.Node.js 使用了一个事件驱动.非阻塞式 I/O 的模型,使其轻量又高效.Node.j ...
- iOS7 NavigationController 手势问题
在iOS7中,如果使用了UINavigationController,那么系统自带的附加了一个从屏幕左边缘开始滑动可以实现pop的手势.但是,如果自定义了navigationItem的leftBarB ...
- 1 selenium3.0.1无法打开火狐浏览器
[问题描述] 1.配置selenium3.0和java后,尝试打开火狐浏览器,提示缺少geckodriver驱动. [解决方案] 1.在http://www.seleniumhq.org/downlo ...
- 【repost】JS中的异常处理方法分享
我们在编写js过程中,难免会遇到一些代码错误问题,需要找出来,有些时候怕因为js问题导致用户体验差,这里给出一些解决方法 js容错语句,就是js出错也不提示错误(防止浏览器右下角有个黄色的三角符号,要 ...