javascript - 冒着听起来愚蠢的风险 : I want to make an HTML audio player that uses for interaction. 想法？

Question

基本上我正在尝试制作一个 HTML5 音频播放器，但我想用 Canvas 完成大部分控件。为什么？我想在学习新事物的同时尝试新事物。到目前为止，我已经完成了所有工作——即可搜索的时间轴、播放/暂停按钮等——主要是使用鼠标坐标来决定用户点击的内容。

我主要是想知道更有经验的 Web 开发人员对此有何看法。它是愚蠢的吗？有没有你认为我可能无法预见的问题？

如果有人真的感兴趣，我会发布一些代码，但到目前为止我还没有遇到任何问题，所以我真的不需要和故障排除。

谢谢!

Answer 1

为了学习经验？伟大的!你已经清楚地知道如何<canvas>工作原理、如何操作屏幕上的对象，以及如何使这些对象具有交互性。

在生产应用中？没有机会。立即想到的是:

• 无法访问。 <button>具有屏幕阅读器可以利用的语义。 Canvas 毫无意义；在您的示例中，盲人用户甚至不知道有播放/暂停按钮，更不知道如何激活它们。
• 您正在重新发明轮子而没有真正的 yield 。让浏览器处理对象是否被点击的细节。你考虑过缩放吗？键盘交互？
• 你输了 wide array预烘焙小部件。
• 您的实现肯定会在某处存在错误。 <button>保证是一个按钮。