呜啦！日常碎碎念，偶尔掉落优质前端博文推荐、学习资源等
网页：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
上周看 双城之战 2 的时候发现，国内流媒体平台疑似是拿原片 AI 超采样到的 4K，Netflix 默认只有 FHD 的杜比视界。
于是我很兴奋，毕竟这次小破站好不容易有版权，还有弹幕，多香啊，终于不用去看网飞盗版了。至于 B 站没有 HDR……反正有弹幕，又不是不能忍。
但很快啊，B 站这次的破烂画质就给了我当头一棒，到处都是色彩断层，暗部渐变多一些都快不能看了。找到网飞原片一看，好家伙，帝国主义亡我之心不死，制作方或许出于增加画面质感的考虑，大部分暗部细节都加上了随机噪点。
这两天又看到群里有人讨论双城之战在哪看好，才又去 B 站，发现居然补上了 HDR 支持，而且色彩断层不见了，虽然疑似超采样副作用的降噪痕迹仍然很明显，但是观感进步巨大。
正当我以为，B 站居然回炉重编码把问题解决了的时候，我在 Mac 上打开确认了一下（上周为了良好的音视频体验，特地在Mac上看完的），然后这该死的色彩断层又出现了。
好吧，不卖关子了。总之还是码率原因，叠加 HEVC 糟糕且激进的后处理，放大了相关缺陷。HDR 版未发现此问题。
以下是 B 站视频第一集码率：
4K SDR AVC - 9724 Kbps
4K SDR HEVC - 2666 Kbps
4K HDR10 HEVC - 5278 Kbps
作为对比，Netflix
1080P Dolby Vision HEVC - 8567 Kbps
令人意外的是，B 站视频和评论区没有发现任何 1 条有关画质的讨论，不知道是 B 站 PGC 受众大多不重视，还是平台主动限流控评导致的。
而 HDR 现在也仅仅支持了 HDR10，腾讯视频那边还有 HDR Vivid / 杜比视界，盲猜效果也会比 B 站这边好。
评论区附：B 站 4K AVC 和 HEVC 的对比截图。
于是我很兴奋，毕竟这次小破站好不容易有版权，还有弹幕，多香啊，终于不用去看网飞盗版了。至于 B 站没有 HDR……反正有弹幕，又不是不能忍。
但很快啊，B 站这次的破烂画质就给了我当头一棒，到处都是色彩断层，暗部渐变多一些都快不能看了。找到网飞原片一看，好家伙，
这两天又看到群里有人讨论双城之战在哪看好，才又去 B 站，发现居然补上了 HDR 支持，而且色彩断层不见了，虽然
正当我以为，B 站居然回炉重编码把问题解决了的时候，我在 Mac 上打开确认了一下（上周为了良好的音视频体验，特地在Mac上看完的），然后这该死的色彩断层又出现了。
好吧，不卖关子了。总之还是码率原因，叠加 HEVC 糟糕且激进的后处理，放大了相关缺陷。HDR 版未发现此问题。
以下是 B 站视频第一集码率：
4K SDR AVC - 9724 Kbps
4K SDR HEVC - 2666 Kbps
4K HDR10 HEVC - 5278 Kbps
作为对比，Netflix
1080P Dolby Vision HEVC - 8567 Kbps
令人意外的是，B 站视频和评论区没有发现任何 1 条有关画质的讨论，不知道是 B 站 PGC 受众大多不重视，还是平台主动限流控评导致的。
而 HDR 现在也仅仅支持了 HDR10，腾讯视频那边还有 HDR Vivid / 杜比视界，盲猜效果也会比 B 站这边好。
评论区附：B 站 4K AVC 和 HEVC 的对比截图。
「博歌梦澜」- 青天纤云·纳兰清婧/WOVOP/洛天依/乐正绫/言和/诺裔垸noaiy/紫杉醇Azure
专辑: 【洛天依乐正绫言和原创】博歌梦澜-VOCALOID DREAM WAVES【依梦企划最终章】
#网易云音乐 #flac 46.88MB 1613.34kbps
via @Music163bot
专辑: 【洛天依乐正绫言和原创】博歌梦澜-VOCALOID DREAM WAVES【依梦企划最终章】
#网易云音乐 #flac 46.88MB 1613.34kbps
via @Music163bot
#碎碎念 #follow
之前说的推特 & P 站都有的里版列表来了，5 power 早鸟价看心情变价格欸嘿嘿
https://app.follow.is/share/lists/78371288603091968
可能存在：NSFW、推特转贴不可控信息等
还在往里头加，有一些我自建的 rsshub 源。
话说什么时候列表能用 action 吗
之前说的推特 & P 站都有的里版列表来了，5 power 早鸟价看心情变价格欸嘿嘿
https://app.follow.is/share/lists/78371288603091968
可能存在：NSFW、推特转贴不可控信息等
还在往里头加，有一些我自建的 rsshub 源。
话说什么时候列表能用 action 吗
app.follow.is
Cosine 🎨 Gallery X 里版
其实也不是很里，可能存在：NSFW、推特转贴不可控信息等，姊妹列表：https://app.follow.is/share/lists/60616567344182272
#前端 #优质博文 #SEO
Writing JSON-LD structured data: A beginners guide for SEOs
AI 摘要：这篇文章介绍了 SEO 使用 JSON-LD 结构化数据的基础知识，帮助 SEO 新手理解如何在网页中嵌入 JSON-LD。文章详细说明了 JSON-LD 的基本组成、语法规则，以及如何使用对象和数组来定义复杂的数据。例如，通过
via Scarlett Pirie
Writing JSON-LD structured data: A beginners guide for SEOs
AI 摘要：这篇文章介绍了 SEO 使用 JSON-LD 结构化数据的基础知识，帮助 SEO 新手理解如何在网页中嵌入 JSON-LD。文章详细说明了 JSON-LD 的基本组成、语法规则，以及如何使用对象和数组来定义复杂的数据。例如，通过
openingHoursSpecification 属性可以定义多个营业时间，将不同时间段对象放入数组中。作者还推荐了两种生成 JSON-LD 的方式：在线生成工具和手动编写。最后，文章提供了验证和排错方法，如使用 Google Rich Results Test 和 Schema.org 验证器来检查语法和属性错误，帮助确保结构化数据正确显示于搜索结果中。via Scarlett Pirie
SALT.agency®
A beginners guide to JSON-LD Schema for SEOs
Structured data is a way of providing information about the contents of a webpage. This guide is designed to help SEOs better understand JSON-LD syntax.
#优质博文 #前端 #nextjs
NextJS 到底好在哪？NextJS + Supabase，一起来感受一下
AI 摘要：这篇文章通过一个案例详细展示了 Next.js 在全栈开发中的应用，着重分析了其核心特性和优势。通过与 Supabase 的结合，作者实现了点赞按钮的功能，比较了纯客户端和 Next.js 的 React Server Component (RSC) 方案。文章指出，RSC 能有效减少初始加载时间，提高用户体验，并通过服务端渲染减少客户端包体积。
文章进一步阐述了 Next.js 在开发中的优势：它消除了许多副作用带来的代码复杂性，简化了逻辑，提升了代码可读性与执行效率。同时，Next.js 独特的服务端与客户端逻辑分离提高了页面首屏加载速度。尽管 Next.js 存在一定的学习门槛，尤其在解耦服务端和客户端逻辑上需要一定的开发经验，但作者认为它在开发体验与用户体验上的平衡，使其具备引领前端开发的潜力。
via 微信公众号 这波能反杀
NextJS 到底好在哪？NextJS + Supabase，一起来感受一下
AI 摘要：这篇文章通过一个案例详细展示了 Next.js 在全栈开发中的应用，着重分析了其核心特性和优势。通过与 Supabase 的结合，作者实现了点赞按钮的功能，比较了纯客户端和 Next.js 的 React Server Component (RSC) 方案。文章指出，RSC 能有效减少初始加载时间，提高用户体验，并通过服务端渲染减少客户端包体积。
文章进一步阐述了 Next.js 在开发中的优势：它消除了许多副作用带来的代码复杂性，简化了逻辑，提升了代码可读性与执行效率。同时，Next.js 独特的服务端与客户端逻辑分离提高了页面首屏加载速度。尽管 Next.js 存在一定的学习门槛，尤其在解耦服务端和客户端逻辑上需要一定的开发经验，但作者认为它在开发体验与用户体验上的平衡，使其具备引领前端开发的潜力。
via 微信公众号 这波能反杀
