本文介绍了如何使用CSS滤镜实现网页的灰色和黑色主题切换，通过JavaScript和canvas实现视频片段剪辑为GIF动图的功能。同时，文章讨论了录音和屏幕录制的技术实现，包括利用MediaRecorder对象进行音频录制以及通过数据数组生成Blob对象进行屏幕录制内容的下载。此外，还探讨了使用原生JavaScript生成音乐声的方法。
1. 整个网页变为灰色主题，最外层加css样式：filter:grayscale(1)
黑色主题：filter：invert(1)
2.js剪辑视频片段制作gif动图：
效果：点击开始就开始录制，点击结束右边显示生成的gif动图
生成gif用canvas
js部分：
开始方法
结束方法
3.录音功能
效果：录制完成放到audio标签就可以听
录制对象mediarecorder
4.屏幕录制功能：
可以选择录制整个电脑屏幕，或者选择录制某个进程
录制过程当中不断把数据push到数组里面去
然后停止的时候把数组转成二进制，new Blob
createobjcturl得到一个链接，通过a标签进行一个下载的触发
5.使用原生js去生成音乐声
效果：点击音调类型任意一个按钮，再点击按钮基础音，就能听到音乐声
核心代码：
173
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
