交互式的唱机

所属分类:媒体-音频和视频

交互式的唱机 ie兼容10

今天我们想分享一个实验性的老式唱机模板。这个想法是为了利用极其可怕的网络音频API,看看我们能做什么。演示从一个初始网格视图开始。点击网格项,一圈扩大,覆盖网格,选择的专辑。现在我们在幻灯片视图中,我们可以浏览记录。一旦我们点击播放按钮,我们加载记录的歌曲,然后展示电唱机。录音机的tonearm移动到正确的位置,音乐开始播放,同时记录每个歌曲有关的资讯,我们可以把tonearm放在一个特定的位置。此外,我们可以添加一些有趣的效果,如发痒乙烯噪声或一些声脉冲响应。

注意:这个演示是高度实验-所以请使用最新的浏览器!

让我们看一看这个演示的不同的效果。

初步的看法是,有一些项目的砌体动力网格偏移一个非对称的外观 :

一旦点击网格项目,我们显示单一记录材料的设计效应不断扩大的隐藏网格圈:

单记录视图之间的幻灯片,我们可以浏览记录。播放按钮被按下后,我们加载歌曲和显示其它信息:


相关插件-音频和视频

CKplayer

简单的CKplayer demo
  音频和视频
 27198  76

html5云特效背景音乐网站模板

html5动态特效背景,带播放器
  音频和视频
 9715  155

video封装ui

videoui无任何依赖,代码注释很清楚。
  音频和视频
 13837  43

jwplayer响应式多终端适配视频播放器

jwplaye,自定义视频图片封面,全浏览器兼容、响应式多终端适配视频播放器
  音频和视频
 57083  219

讨论这个项目(32)回答他人问题或分享插件使用方法奖励jQ币

    一? 0
    2017/1/15 20:42:43

    嗷嗷嗷这个好漂亮

    回复
    YeaH MaN 0
    2017/1/6 12:01:14
    效果好看,性能就不咋的了 回复
    username 0
    2016/10/25 22:10:08
    我评论一下就可以了 回复
    Roy-Liu 0
    2016/10/11 19:10:41
    帅气小小琦 0
    2016/10/8 17:10:57
    不错的设计  别具一格 回复
    茜安 0
    2016/9/27 22:09:57
    归贞 0
    2016/8/29 16:08:10
    xiaoluo27 0
    2016/7/25 14:07:19
    不错的说,超赞啊 回复
    摇滚乐在其中 0
    2016/7/19 13:07:52
    kxru 0
    2016/7/15 9:07:20
    不错啊,效果很好!!!!!! 回复
取消回复
    PROMULGATOR

    microsoftvs

    上海市松江区