网易云音乐的音频播放器做的特别赞,尤其是背景模糊效果。有图为证:
那这种效果在 web 中是如何实现的呢?用 Chrome 开发工具看看它的具体实现:
原来是一张图,通过图片的地址,可以看到其实是下面这张图。
看到这里感觉有点小小的失望,本来以为用了什么高科技实现的,却是一张图。但是不得不说,为了实现这种效果他做了很多事情,大多数场景下,服务端并不会给我们提供这样的图,咋么办?
我用 filter 简单实现了一个,效果如下:
网易云音乐的音频播放器做的特别赞,尤其是背景模糊效果。有图为证:
那这种效果在 web 中是如何实现的呢?用 Chrome 开发工具看看它的具体实现:
原来是一张图,通过图片的地址,可以看到其实是下面这张图。
看到这里感觉有点小小的失望,本来以为用了什么高科技实现的,却是一张图。但是不得不说,为了实现这种效果他做了很多事情,大多数场景下,服务端并不会给我们提供这样的图,咋么办?
我用 filter 简单实现了一个,效果如下: