交互式的唱机

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

 9877  106  查看评论 (42)
交互式的唱机 ie兼容10

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

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

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

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

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

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


相关插件-音频和视频

时间播放器

类似视频播放器下面的时间播放控制
  音频和视频
 12219  23

基于html5的视频播放器不依赖任何插件

基于html5的播放器插件不依赖任何框架引入即可使用
  音频和视频
 23760  82

Canvas获取音乐频谱

Canvas实现的音乐频谱,兼容性较差,请使用Chrome浏览器观赏!
  音频和视频
 2085  16

Html5弹幕视频播放器插件

Danmmu Player是一个具备弹幕功能的Html5视频播放器。 具备弹幕视频播放,接受用户发送彩色弹幕,实时调解弹幕显示效果等功能。 Danmmu Player意在使开发者能便捷的在网站中实现弹幕视频播放。
  音频和视频
 76670  168

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

    0
    2017/8/30 8:57:11

    感谢分享,真心不错

    回复
    能管的住我的都下海了?? 0
    2017/8/23 10:27:06
    不错的设计  别具一格 回复
    山南印象 0
    2017/8/15 2:16:46
    不错的设计  别具一格 回复
    ♂→♀? 0
    2017/6/29 18:50:15

    这个很好看 就是需要修改的地方有太多啊

    回复
    嘉瑞科技 0
    2017/6/5 9:16:59
    感觉不错 移动端可以用吗?
        ♂→♀?0
        2017/6/29 18:51:37

        您好,移动端是可以使用的啊

        0
        2017/8/30 8:58:48

        为什么我下载了用不了,运行环境不对吗

    回复
    shmily 0
    2017/5/6 16:48:47
    我评论一下就可以了 回复
    伴你。 0
    2017/4/20 23:01:46

    效果很炫酷,很喜欢

    回复
    鹿先森在森林里迷了鹿 0
    2017/3/10 0:12:54
    一? 0
    2017/1/15 20:42:43

    嗷嗷嗷这个好漂亮

    回复
    YeaH MaN 0
    2017/1/6 12:01:14
    效果好看,性能就不咋的了 回复
取消回复