唱片播放器-Interactive Record Player

唱片播放器-Interactive Record Player
Today we’d like to share an experimental old school record player template with you. The idea is to tap into the incredibly awesome Web Audio API and see what we can do with it. The demo starts with an initial grid view, powered by Masonry. Once a grid item is clicked, a circle expands and covers the grid, revealing the selected album. Now we are in a slideshow view where we can browse through the records. Once we hit the play button, we load the songs of the record and then show the record player. The tonearm of the record player moves to the right position and the music starts playing. Each record has songs associated to each side of the LP and we can drag the tonearm to play from a certain position. Additionally, we can add some playful effects, like the scratchy vinyl noise or some acoustic impulse responses.
今天,我们想和大家分享一个实验性的老校学生模板。我们的想法是开发令人难以置信的Web音频API,看看我们能用它做什么。演示从一个初始的网格视图开始,由砖石结构提供。一旦单击一个网格项,一个圆圈展开并覆盖网格,显示所选的相册。现在我们在幻灯片视图中,我们可以浏览记录。一旦我们点击播放按钮,我们加载的歌曲的记录,然后显示记录播放器。唱臂的记录玩家移动到合适的位置,开始播放音乐。每个记录有对LP每侧相关歌曲和将唱臂从某一位置。此外,我们可以添加一些有趣的效果,如发痒乙烯噪声或一些声脉冲响应。

查看演示 下载资源

文章链接:https://www.sbkko.com/interactive-record-player.html
文章标题:唱片播放器-Interactive Record Player
文章版权:SBKKO 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

给TA打赏
共{{data.count}}人
人已打赏
网页组件资源

3D网格布局-Isometric and 3D Grids

2017-11-16 16:26:31

网页组件资源

图像网格瀑布流布局-Item Reveal Animations with SVG

2017-11-16 16:34:06

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索