https://dinhnn.com/tags/web-component/ Recent content in Web-Component on Định Nguyễn Hugo en-us Fri, 10 Apr 2026 00:00:00 +0700 https://dinhnn.com/posts/building-py-player/ Fri, 10 Apr 2026 00:00:00 +0700 https://dinhnn.com/posts/building-py-player/ <h2 id="tldr" class="anchor-link"><a href="#tldr">TL;DR</a></h2> <p>I built a dependency-free Web Component media player with 7 layout presets, 7 themes, audio visualization, and i18n. Nobody asked for it. I&rsquo;m not sure anyone needs it. But I built it anyway, with Claude Code doing most of the heavy lifting.</p> <p><strong>Docs &amp; Playground:</strong> <a href="https://py.dinhnn.com">py.dinhnn.com</a></p> <p><strong>GitHub:</strong> <a href="https://github.com/dinhnguyen/py-player">github.com/dinhnguyen/py-player</a></p> <p><strong>npm:</strong> <code>npm install py-player</code></p> <hr> <h2 id="an-idea-that-sat-around-for-years" class="anchor-link"><a href="#an-idea-that-sat-around-for-years">An Idea That Sat Around for Years</a></h2> <p>I&rsquo;ve wanted to build a custom media player for a long time. Not because the world needs another one — HTML5 <code>&lt;audio&gt;</code> and <code>&lt;video&gt;</code> have gotten really good. The native controls work fine for most people. The ecosystem of existing players is mature. There&rsquo;s howler.js, plyr, vidstack, and dozens more.</p>