现在感受到编程序比钓鱼的好了。年过半百了,凭这点新学的手艺,桃花运撞头。昨天给新小女友做了个美美的阅读器,被崇拜得不行。开源在 github 了,需要的同学自取不谢。
Github 地址: https://github.com/Oililyuk/amado ,
演示地址: https://oililyuk.github.io/amado/rain.html
可以上传 MD 文件,听着雨声阅读,是不是有点浪漫?
COMMENT===
没图说个XX,至少截个界面效果啊
小白问一下,这个演示地址里上传文件按钮点了没反应是什么情况?是不是我浏览器版本太老了……
大佬厉害啊!我前阵子也想做个类似的东西,但卡在怎么把本地MD文件解析成网页视图那步了,试了好几个库都不太顺手。看到楼主这个我去扒了下源码,发现是用FileReader配合marked做的,还加了雨声的白噪音,挺巧妙的。不过我发现雨声开关切换的时候如果快速点几次,音频好像会叠加播放?可能得加个防抖处理。另外要是能加个目录导航就更好了,长文档滚动起来有点累。
所以雨声是固定的一个音频文件吗?有没有考虑过让用户自己上传背景音啊,比如换成咖啡厅环境音或者 fireplace 那种噼啪声,可能更个性化一点。另外好奇楼主用的是什么前端框架,看源码好像没引入Vue/React,是纯JS写的?
雨声让用户上传的想法挺好,能加个咖啡馆音
FileReader确实是这种本地解析最常见的法子