html编辑器等相关开发工具
服务器或普通pc机
首先这里感谢网上无私的源码贡献者，详见文末参考资料。创意来自https://www.zylgxm.tk/自己动手实现的才是最珍贵的，所以这里只整理源码来源和大概思路，不给具体实现，只需要一点html能力就能自己组装了。
这里需要一个自动轮播的照片墙，使用了polaroid-gallery，然后用setInterval后台自动调用下一张照片的接口来达到自动轮播。源码和使用方法可以从https://wordpress.org/plugins/polaroid-gallery/http://www.jq22.com/jquery-info9308获取
polaroid-gallery会绑定监听id='preview'和id='next'，所以需要有这两个按钮，要实现自动轮播，直接对这两个按钮触发click事件，然后隐藏按钮。在页面加载完成后设置轮询setInterval(function () {$('#next').click(); },1500);
照片墙默认请求路径是data/data.json，可以在polaroid-gallery里自行更改url。data.json文件是json格式的数组，每一个对象有一个属性name为相对网页路径img的url，caption会显示在照片底部作为描述。按我这里这样设置路径会请求img/../img/1.jpg然后在对应路径放上照片。命名对应修改即可
接着需要一个自动打字的效果。利用绝对定位和相对定位，在照片墙的上面铺上一层半透明的纸。提前输入好文字，然后利用setInterval一个字一个字的往纸上写入，遇到逗号和句号感叹号稍作停顿。然后在字的后面间隔的显示隐藏竖线|模拟光标的效果。
还差一个弹幕留言。从https://www.jb51.net/web/561438.html获取源码进行改造，利用Canvas画布进行一定频率的刷新达到弹幕左移的效果。
可能还需要一个背景音乐，用可以自动轮播。但是由于现有的浏览器限制，网页刚加载是不让自动播放音乐的，需要浏览者进行点击操作之后才可以。所以做一个遮罩层和文字描述，让浏览者去点击。
最后附上成品图。
我的网站是，因为有一些图片还有音乐，需要一定的流量，慎入。https://dards.cn欢迎访问，如果觉得还可以的，动动小手，留下你的祝福吧，希望大家只祝福不做其他留言，谢谢大家。
再次声明，网站粗浅，找了好几天的素材，编码也搞了好多天，请尊重笔者的劳动和隐私，想要扣去当模版发布到网上给人下载的，请删除照片和文字，不喜欢右上角关闭即可，不做恶意评论，本人情商负零点二，谢谢大家
本文素材和源码是从网上找来的，但有经过自己的加工修改和整合
上述步骤只提供素材获取地和思路，但绝不是拿来就能用的，别人给你造车轮，你还得会组装汽车才行
https://www.zylgxm.tk/
https://www.jb51.net/web/561438.html
http://www.jq22.com/jquery-info9308
https://wordpress.org/plugins/polaroid-gallery/