有人研究过 happi123.com 网站吗？

[vipnetant]

搜索陶笛乐谱无意发现的，有好多有意思的技术。 1 、禁止打印，删除“print-hint”也不行。 2 、未付费只能看 5 个乐谱。 3 、启用 CDN 加速。 4 、可以播放乐谱，有声音、有提示，这个最厉害。 5 、可以切换声调，将不同声调切换成 C 调。

[Tkvoid]

哈批 123 ？

[supermoonie]

@Tkvoid 你是要笑死我，好继承我的代码吗🤣

[Showfom]

禁止打印你截个图不就完事了= = 总不能控制截图吧

[yuzo555]

1. 我猜测是 Web 标准提供了打印相关的 API，为了让网站能够适配优化用户打印的效果，结果这网站用来禁止打印。这都不是事，防不了截图打印；
2. 很正常，不评价；
3. 不然呢，不过有意思的是下面播放的伴奏文件 mp3 是盗链的，批判；
4. 这肯定是把乐谱编码保存了，自己实现代码展示成 HTML，以及播放；
5. 既然乐谱编码保存，修改声调这点应该也不难。

[noe132]

@media print {
.noprint {
display: none
}

.print-hint {
display: block
}
}

自己加个样式覆盖一下就可以了

[murmur]

mp3 的谱子有什么高端技术，弹吧 app 那种带同步定位的还可以研究下

[vipnetant]

https://happi123.com/jianpu/ojcJb1POh.html
这个也带同步定位的，你可以试试。

[liduanjie]

确实好玩

[liduanjie]

他家的乐谱是 svg 做的