呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
网页：https://tg.cosine.ren
本频道的搜索Bot 来辣 👉 @cosSearchBot
私聊直接发消息就可以搜索啦～
🔖tags
#优质博文 #资源推荐 #博客更新 #碎碎念 #项目更新 #手工 #书摘 #阮一峰的科技周刊 #新动态
图频：Cosine 🎨 Gallery @CosineGallery
猫片： @cosine_cat
联系频道主：@cosine_yu
#碎碎念
发现有了最近很少点开微信看看公众号文章了，微信公众号算法简直一坨，之前关注的比较优质的前端公众号夹杂在一大堆广告软文震惊党标题党的文章中间根本没有动力去看了，以前还会偶尔看到几篇好点的文章...现在......点都不想点开了
发现有了最近很少点开微信看看公众号文章了，微信公众号算法简直一坨，之前关注的比较优质的前端公众号夹杂在一大堆广告软文震惊党标题党的文章中间根本没有动力去看了，以前还会偶尔看到几篇好点的文章...现在......点都不想点开了
显然这是视频编解码出了问题。这方面坑我还真看过，Apple 对 HEVC 的 Codec Tag 支持比较挑。Mpeg 标准中 HEVC 编码有两种不同的 Tag，分别是
hvc1 和 hev1 ，但是 QuickTime 和 iOS 只支持前者。而这方面，Apple 的标准就是行业标准，所以大伙只能忍着，后面一种 tag 就没人用。总之，踩过坑的应该都知道了。
恢复方法很简单，毕竟这两种编码的区别只是参数集存储位置有区别（前者在 MPEG 容器，后者随视频流封装），使用 ffmpeg 重新打 tag 就行，不需要重新编码。
ffmpeg -i leon_hev1.mp4 -c:v copy -tag:v hvc1 -c:a copy leon-hvc1.mp4referrer:
https://www.reddit.com/r/ffmpeg/comments/17ky22s/hevc_encoded_mpeg4_files_wont_play_on_ios/
https://stackoverflow.com/questions/32152090/encode-h265-to-hvc1-codec
https://community.bitmovin.com/t/whats-the-difference-between-hvc1-and-hev1-hevc-codec-tags-for-fmp4/101
https://juejin.cn/post/6854573210579501070
我们很高兴能够与备受大家喜爱的下一代内容聚合平台 Follow 优秀的开发团队开启一期特别的访谈活动。
最近我们从 Follow 开发团队得到了令人欣喜的独家信息：Follow 即将进入公测阶段，不再需要邀请码就可以体验到产品的大部分功能。并且在公测开启后，现有的内测用户仍然可以继续享受 Follow 的完整体验。此外，Follow 的 Android、iOS 移动客户端和移动网页版也在紧锣密鼓地开发中，预计将在一个月内与大家见面。
如果您有任何对Follow产品及其开发团队的未来发展方向的问题，欢迎在此消息下方留言。我们会从中挑选出一些有代表性的问题，由特邀嘉宾Follow开发团队成员 DIYgod 为大家亲自解答。
向我们提供您感兴趣的访谈问题并被选中的朋友，我们将会为您送上一枚 Follow 的邀请码。此外，所有有效参与评论的朋友也有机会赢取一枚Follow邀请码，千万不要错过哦！
欢迎正在使用Follow的朋友们将👉频道Follow订阅👈添加到您的Follow列表内。
#优质博文 #前端 #组件 #音频 #react #hook
Announcing “use-sound”, a React Hook for Sound Effects
AI 摘要：Josh W. Comeau的文章介绍了`use-sound`，这是一个轻量级的React hook，用于在Web应用中轻松添加音效。它提供了播放控制、速度调整和音频精灵（audio sprite）等功能，帮助开发者为用户交互增加声音反馈。该工具基于Howler.js构建，支持简单安装和自定义音效，文章还给出了实践示例和无障碍建议，适合为用户界面增添音效效果的项目开发。
via Josh W Comeau
Announcing “use-sound”, a React Hook for Sound Effects
AI 摘要：Josh W. Comeau的文章介绍了`use-sound`，这是一个轻量级的React hook，用于在Web应用中轻松添加音效。它提供了播放控制、速度调整和音频精灵（audio sprite）等功能，帮助开发者为用户交互增加声音反馈。该工具基于Howler.js构建，支持简单安装和自定义音效，文章还给出了实践示例和无障碍建议，适合为用户界面增添音效效果的项目开发。
via Josh W Comeau
Joshwcomeau
use-sound | a React hook that lets you play sound effects • Josh W. Comeau
By and large, using the web is a visual experience. This is in terrible contrast to mobile apps, which interact with three of our human senses (sight, sound, and touch, through haptic feedback). I just released a library to make it easy to add sound to your…
#优质博文 #前端 #nextjs #opengraph #svg
在 Vercel 部署一个 OpenGraph Image 服务
Satori ：将 HTML 和 CSS 转换为 SVG 的库。
via https://innei.in/
在 Vercel 部署一个 OpenGraph Image 服务
Satori ：将 HTML 和 CSS 转换为 SVG 的库。
AI 摘要：这篇文章介绍了如何使用 `satori` 在 Vercel 上部署一个 OpenGraph Image 服务。文章首先描述了使用 Fastify 作为基座服务，并通过 `satori` 库生成 OpenGraph 图片。具体步骤包括初始化项目、引入必要的依赖库（如 `satori` 和 `@resvg`）、封装字体和图片生成方法，以及在 Vercel 环境下的部署。还强调了如何处理远程图片、引入自定义字体以及确保图片链接的可访问性。最终通过 Fastify 路由生成和缓存 OpenGraph 图片。
via https://innei.in/
innei.in
在 Vercel 部署一个 OpenGraph Image 服务
这篇文章是实现 Follow 的 Separate main application and external pages and SEO support 这个 PR 的一部分技术细节，由于其中的技术细节较多，所以这将是系列文中的一篇。 用过 Next.js 的同学应该都知道，Next.js 自带
