本文是“小网站”系列的第 6 篇。本系列介绍一些作者主观认为值得把玩的“小网站”，愿朋友们多少都能有所收获。这个系列会长期更新，对这个系列感兴趣的朋友可关注，不迷路。

--- 今日介绍 ---

拯救失眠“白噪音”（Asmrion）

把玩点：

• 适合减压;

• 适合专心办公;

• 睡不着时可拯救失眠;

主观评价：趣味性 2 星，技术性 2 星

网址： asmrion.com

--- 使用指北 ---

之前为大家介绍过大海“白噪音”，今天介绍另一款“积极正能量的白噪音”。

这个小网站支持电脑与手机打开，不过电脑上的表现貌似更胜一筹。

电脑上打开网站，映入眼帘的是一片“烟雾缭绕”的动画背景加上一些图标，点击图标后就会发出对应的声音，图标下方的音量调节杆还可以调节音量大小。

页面左下角有个计时器，点击开始倒计时，默认是1小时后声音结束，是不是特别适合睡前催眠？

都有哪些声音呢，按从左至右，从上至下的位置介绍：

• Leaves rustling in the wind:  树叶在风中沙沙作响声

• Forest at dawn after the rain:  雨后黎明的森林

• Crackling bonfire:  篝火的劈里啪啦声

• Heavy snowstorm:  暴风雪声

• Walking on a rainy day:  雨天走路的声音

• Cat's purr:  猫咪的呼噜声

• Scratching:  刮划的声音

• Barbershop haircut:  理发店理发的声音

• Pebble beach:  海水拍打卵石滩

• Dressmaker:  裁缝制衣的声音

声音支持多个组合播放，因为是自然的声音，可以用篝火加下雨“魔幻”组合，而用我通常选择用下雨天声音，再戴上低音耳机，闭上眼睛，晒着窗外的太阳，躺在椅子上，用雨声来“魔幻”的睡个午觉。

来定制你喜欢的声音，沉浸在自己的世界！

--- 干货知识 ---

本小节属于技术解析环节，纯技术性干货，适合技术人员，非行业人士可忽略。

本次介绍的网站，技术实现上相对比较简单。

背景开始以为是用三维绘制的，大致看了一下发现是播放的一个mp4动画，也有点意思，至少这样实现不会让CPU的负载大，动画地址：

 e8b8e3q2.ssl.hwcdn.net/sounds/cdna…

再看声音，声音是由一些mp3文件播放而来，播放的组件来源于一款jQuery的插件jquery.jplayer.min.js,老熟人了，操作非常简单,不多赘述。

音量控制的滑杆采用simple-slider.js插件，也比较简单。网页、素材图片、字体都是基本操作。页面左下角的计时器用了kkcountdown.js一款网页计时器的插件，其官网介绍是：kkcountdown是一个轻量级的、快速的jQuery插件，可以让您在网页上快速创建一个倒计时，挺不错的！

真正让我有点“难理解”的是，作者为啥将css样式表，javascript脚本文件分别写到了近三千行，着实有点不太能李姐。

本系列长期更新，首发公众号：土卫六

喜欢的朋友，感谢点赞、分享、收藏三连！