目标：生成一个webcodecs avc和hevc判定页面，通过webcodecs相关api判定当前web页面是否支持hevc。请专注于该功能，不要做其他功能比如去视频解码，或者登陆之类的。你可以使用react+tailwindcss+shdcn+typescript+vite。做一个单页应用即可。Webcodecs相关判定尽量封装到一个目录中(utils/codecs)，在页面中调用即可。

任务执行：先生成UI指导文档到./trae/design.md，列出功能设计./trae/prd.md, 然后进行计划./trae/tasks/README.md，最后拆解为小功能点./trae/tasks/task01, ./trae/tasks/task02...。在我下指令前，不要进一步实施。