玩转HTML5 领略21世纪的音乐趋势

HTML5可谓如众星捧月一般，受到多家巨头的青睐。很多Web开发者开始尝试着用HTML5制作各种各样的Web应用。HTML5规范引进了很多新特性，用不了多久，HTML5势必将独占鳌头。

从下图信息表中我们可以看到HTML5的新玩法。用传统的方式来讲这个周期大致可代表三维空间的存在的事物。所选的映射取决于带有周期关系的、有特定的、有意义的应用程序。

如图，可视化的时间轴代表新出现的问题。比如：圆圈代表周期性的行为； 线代表发展；树（二叉树）代表进化史等等。

新媒体的应用极大地改变了本土游戏，有了visual快照不再是静止的；时间不再是永恒，所以并不需要周期内的可视化映射发生。这里，周期的构成因素很关键。这些栩栩如生的历史发展，显然需要显示出周期和事物的因果关系。

HTML5 Canvas是一个不错的选择。最令人期待的之一就是Canvas元素。我们从HTML5领域可看出21世纪的新音乐的发展趋势。

【点击Play】

图中的截图并不能看出它的特别之处，这些线条是不断变化的。您需要点击查看。正如标题所示，演变的不只是历史，更是“西方舞蹈音乐的演变”。

从代码角度来看，最有趣的，莫过于InfoGraphic.js，用代码绘制出美妙的bezier曲线。值得注意的是，当音乐风格出现圆括号时色彩的变化。一个灵活的设计是需要具备清晰的发展路线，这就要追溯到20世纪八十年代中期。

HTML5添加了许多新的语法特征，其中包括<video>，<audio>和<canvas>元素，同时集成了SVG内容。这些元素是为了更容易的在网页中添加和处理多媒体和图片内容。CSS演变成bezier是通过这个稀有的CSS代码，HTML5 Canvas提供了通过JavaScript绘制图形的方法，非常强大。

这就是我们推荐您使用HTML5的原因，不仅仅是因为它有着迷人的、令人向往的音乐历史，HTML5更是Web发展上重要的一步。它集地理位置、视频播放和灵活拖拉文件等众多新特性。HTML5允许开发人员创建丰富的互联网应用程序，而不需要第三方APIS和浏览器插件。基于HTML5，CSS3，SVG，XHR2，WebSockets，IndexedDB和AppCache推动了Web发展的新标准。

原文出自：DZone