交互式的唱机

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

 13586  124  查看评论 (51)
交互式的唱机 ie兼容10

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

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

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

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

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

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


相关插件-音频和视频

jQuery实现Winamp2播放器插件

win95时代的经典音频播放器,现在我们来通过网页来实现这款播放器。怀旧一下过去的时光。
  音频和视频
 10144  6

时间播放器

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

jQuery视频弹窗插件

样式已经写好,使用方法也简单。
  音频和视频
 7689  56

简单的jQuery音乐播放器

简单的jQuery音乐播放器,带分享
  音频和视频
 7578  34

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

    PrimeYouth 0
    2018/3/20 13:40:40
    请问这个里面的svg文件路径是怎么修改的。。 不然点击播放后的那个页面会出现在原页面 回复
    香水矢车菊 0
    2018/3/12 14:37:11
    iphone的浏览器,就不能旋转了,大神有什么好的解决办法吗 回复
    天线宝宝 0
    2018/1/18 12:59:33
    庞嗷嗷 0
    2017/11/8 21:36:06

    不错啊,特别清新,布局舒服。

    回复
    少女80公斤 0
    2017/10/12 17:06:02

    本地点击开 一直在加载旋转的图标 什么都没有 必须用到写代码的软件 才会出来

        涂鸦小P0
        2018/1/14 15:20:36

        我也是

    回复
    Fighting to fly 0
    2017/9/25 19:44:06
    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
        2018/5/8 17:29:32
        比如我就不想要刚开始的图片
    回复
取消回复