??xml version="1.0" encoding="utf-8" standalone="yes"?>色综合视频在线观看,在线国产网址,欧美精品一区二区三区久久http://www.aygfsteel.com/all专注于Java技?/description>zh-cnTue, 22 Jul 2025 04:29:15 GMTTue, 22 Jul 2025 04:29:15 GMT60鸿蒙NEXT时代你所不知道的全^台跨端框ӞCMP、Kuikly、Lynx、uni-app x{?/title><link>http://www.aygfsteel.com/jb2011/archive/2025/07/16/451649.html</link><dc:creator>Jack Jiang</dc:creator><author>Jack Jiang</author><pubDate>Wed, 16 Jul 2025 02:28:00 GMT</pubDate><guid>http://www.aygfsteel.com/jb2011/archive/2025/07/16/451649.html</guid><wfw:comment>http://www.aygfsteel.com/jb2011/comments/451649.html</wfw:comment><comments>http://www.aygfsteel.com/jb2011/archive/2025/07/16/451649.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jb2011/comments/commentRss/451649.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jb2011/services/trackbacks/451649.html</trackback:ping><description><![CDATA[     摘要: 本文由GSYTech 恋猫de郭分nQ原?#8220;2025 跨^台框架更新和发布ҎQ这是你没看q的全新版本”Q下文有修订和重新排版?、前a2025 q可以说又是一个跨q_的元q_其中不妨有`蒙Nextq_刺激的原因,也有大厂技术积?#8220;辑ֈ瓉”的可能,又或?#8220;开猿截、降本增W?#8221;的趋势的影响Q?025 q上半年实让跨q_框架...  <a href='http://www.aygfsteel.com/jb2011/archive/2025/07/16/451649.html'>阅读全文</a><img src ="http://www.aygfsteel.com/jb2011/aggbug/451649.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jb2011/" target="_blank">Jack Jiang</a> 2025-07-16 10:28 <a href="http://www.aygfsteel.com/jb2011/archive/2025/07/16/451649.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>支持 A 股、港股!AI 投资炒股「智能体」开源,太绝了?/title><link>http://www.aygfsteel.com/paulwong/archive/2025/07/11/451646.html</link><dc:creator>paulwong</dc:creator><author>paulwong</author><pubDate>Fri, 11 Jul 2025 11:06:00 GMT</pubDate><guid>http://www.aygfsteel.com/paulwong/archive/2025/07/11/451646.html</guid><wfw:comment>http://www.aygfsteel.com/paulwong/comments/451646.html</wfw:comment><comments>http://www.aygfsteel.com/paulwong/archive/2025/07/11/451646.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/paulwong/comments/commentRss/451646.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/paulwong/services/trackbacks/451646.html</trackback:ping><description><![CDATA[<div>它部|了多个专业?AI 大模型智能体Q每一个智能体对应交易公司的一个角艌Ӏ比如有的智能体是基本面分析师、有的是情A分析师、有的是技术分析师Q还有交易员、风险管理员{等。让q些角色的AI体在一起叽叽喳喌论,最l确定最优的{略。给Z入或者卖出的决策?/div> <div><br /> </div> <div><a target="_blank">https://mp.weixin.qq.com/s/mu1eF1l5ung-siVcUrEsTQ</a><br /> </div> <div><br /> </div> <div><br /> </div> <div><a target="_blank">合集</a></div> <img src ="http://www.aygfsteel.com/paulwong/aggbug/451646.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/paulwong/" target="_blank">paulwong</a> 2025-07-11 19:06 <a href="http://www.aygfsteel.com/paulwong/archive/2025/07/11/451646.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>U血鸿蒙NEXTx通讯/IMpȝQRinbowTalk正式发布Q全源码、纯ArkTS~写http://www.aygfsteel.com/jb2011/archive/2025/07/09/451645.htmlJack JiangJack JiangWed, 09 Jul 2025 03:27:00 GMThttp://www.aygfsteel.com/jb2011/archive/2025/07/09/451645.htmlhttp://www.aygfsteel.com/jb2011/comments/451645.htmlhttp://www.aygfsteel.com/jb2011/archive/2025/07/09/451645.html#Feedback0http://www.aygfsteel.com/jb2011/comments/commentRss/451645.htmlhttp://www.aygfsteel.com/jb2011/services/trackbacks/451645.html1、基本情?/h2>

RainbowTalk是一套基于MobileIMSDK的品鸿蒙NEXT端IMpȝQ目前已正式发布。纯ArkTS、从零编写,无套壟뀁没走捷径,每一行代码都?#8220;U?#8221;Q?span style="color: #888888;">详见Q?/span>RainbowTalk详细介绍?/span>Q?/p>

MobileIMSDK是一整套开源IMx通讯框架Q历l?0q_轻量、高度提|一套API优雅支持 UDP 、TCP 、WebSocket 三种协议Q支?iOS、Android、H5、标准Java、小E序、Uniapp、`蒙NEXTQ服务端ZNetty~写?br />
MobileIMSDK工程的开源地址是:

  • 1Q?/em>Gitee码云地址Q?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">https://gitee.com/jackjiang/MobileIMSDK
  • 2Q?/em>Github托管地址Q?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">https://github.com/JackJiang2011/MobileIMSDK
  • 3Q?/em>GitCode托管地址Q?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">https://gitcode.com/hellojackjiang2011/MobileIMSDK

2、功能简?/h2>

1Q?/em>支持文本消息、语音留a消息、图片消息、大文g消息Q?span style="color: #808080;">支持断点上传Q、短视频消息、个人名片、群名片、Emoji表情、消息撤回、消息{发、消息引用?#8220;@”功能?#8220;扫一?#8221;功能{;
2Q?/em>支持一对一陌生天模式;
3Q?/em>支持一对一正式好友聊天模式Q?br />4Q?/em>支持多对多群聊聊天模式;
5Q?/em>完善的群l信息管理:建群、退、解散、{让、邀诗踢人、群公告{;
6Q?/em>完整的注册、登陆(同时支持手机验证码登录和密码dQ、密码找回等功能闭环Q?br />7Q?/em>个h中心功能Q改基本信息、改个性签名、改头像、改密码{;
8Q?/em>支持个h相册查看Q?br />9Q?/em>完整的离U消?指o拉取机制Q?br />10Q?/em>完整的本地消?指o~存机制Q节省网l流量;
11Q?/em>完整的富媒体文gQ?span style="color: #808080;">语音、大文g、图片、短视频Q缓存机Ӟ节省|络量Q?br />12Q?/em>完整的好友关pȝ理:查找好友、发求、处理请求、删除好友、好友备注等Q?br />13Q?/em>其它未提及的功能和特性请自行下蝲体验?/p>

RainbowTalkU上版本目前仅作演示和研I之用,q行环境配置最化Q仅1?G?MB带宽Q,请客观评估?/p>

3、登陆和注册{?/h2>

4、首늭主要界面

5?#8220;我的”?#8220;个h中心”{页?/h2>

6、好友关pȝ

7、陌生h聊天

8、好友聊?/h2>

9、世界频道聊?/h2>

10、群聊和管?/h2>

11、大文g消息

12、短视频消息

13?#8220;个h名片”消息

14?#8220;名?#8221;功能

15?#8220;扫一?#8221;功能

16?#8220;搜烦”功能

17?#8220;消息转发”功能

18?#8220;消息引用”功能

19?#8220;@”功能

20?#8220;消息撤回”功能

 

Q?strong>本文内容引用自:http://www.52im.net/thread-4822-1-1.htmlQ?/p>

Jack Jiang 2025-07-09 11:27 发表评论
]]>保险怿pȝ设计http://www.aygfsteel.com/paulwong/archive/2025/07/02/451643.htmlpaulwongpaulwongTue, 01 Jul 2025 16:43:00 GMThttp://www.aygfsteel.com/paulwong/archive/2025/07/02/451643.htmlhttp://www.aygfsteel.com/paulwong/comments/451643.htmlhttp://www.aygfsteel.com/paulwong/archive/2025/07/02/451643.html#Feedback0http://www.aygfsteel.com/paulwong/comments/commentRss/451643.htmlhttp://www.aygfsteel.com/paulwong/services/trackbacks/451643.html回答用户的问? ?#8220;醉驾能否赔偿”? 首先LƑֺ中匹配是否对得上的条? 如有直接q回.
上面如果不中, 则走llm回答.
提取关键? 用一关键字列? 逐个对照, 如有则返回关键字, 没有则返回默认的车险关键?/div>
拿着此关键字ȝ识图谱搜索出一堆条?/div>
构造大模型输入的提C, 卌?条款列表+问题+请回{? 输入到大模型, 让大模型回答
查回{是否合? 如是否有免责字样或没有条Ƒֈ? 如不规合则直接返? “误p销售代?#8221;字样
如合? 则提取回{后面的字样作ؓ{案q回
@import url(/css/cuteeditor.css);

paulwong 2025-07-02 00:43 发表评论
]]>零基韌频入门:你所不知道的Web前端韌频知?/title><link>http://www.aygfsteel.com/jb2011/archive/2025/06/26/451642.html</link><dc:creator>Jack Jiang</dc:creator><author>Jack Jiang</author><pubDate>Thu, 26 Jun 2025 07:25:00 GMT</pubDate><guid>http://www.aygfsteel.com/jb2011/archive/2025/06/26/451642.html</guid><wfw:comment>http://www.aygfsteel.com/jb2011/comments/451642.html</wfw:comment><comments>http://www.aygfsteel.com/jb2011/archive/2025/06/26/451642.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.aygfsteel.com/jb2011/comments/commentRss/451642.html</wfw:commentRss><trackback:ping>http://www.aygfsteel.com/jb2011/services/trackbacks/451642.html</trackback:ping><description><![CDATA[<blockquote style="background-image: none; border-top: none; border-right: none; border-bottom: none; border-left-width: 3px; border-left-color: #e2dfdf; margin-right: 0px; margin-left: 0px; background-color: #eeeeee; width: 1208.8px; color: #555555; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;"><p style="margin-top: 10px; margin-bottom: 10px;">本文由字节蟩动张华挺分nQ原?#8220;你不知道的前端音视频知识”Q下文有修订和重新排版?/p></blockquote><h1>1、前a</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>本文回顾了Web端音视频的发展历E,同时q介l了视频的编码、率、比特率{概念,提到了Canvas作ؓ视频播放的替代方案,以及FFmpeg在音视频处理中的重要作用{知识?/strong></p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143432090-1144526761.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143432090-1144526761.png" medium-zoom-image="" lazyloaded"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"> </div><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>技术交:</strong></div><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><div><div><div><p style="margin-top: 10px; margin-bottom: 10px;">- Ud端IM开发入门文章:?a rel="noopener nofollow" target="_blank" style="color: #1d58d1; text-decoration-line: none;">新手入门一就够:从零开发移动端IM</a>?/p><p style="margin-top: 10px; margin-bottom: 10px;">- 开源IM框架源码Q?a rel="noopener nofollow" target="_blank" style="color: #1d58d1; text-decoration-line: none;">https://github.com/JackJiang2011/MobileIMSDK</a>Q?a rel="noopener nofollow" target="_blank" style="color: #1d58d1; text-decoration-line: none;">备用地址Ҏ</a>Q?/p></div></div></div><p style="margin-top: 10px; margin-bottom: 10px;"><a rel="noopener nofollow" target="_blank" style="color: #1d58d1; text-decoration-line: none;">Q本文已同步发布于:http://www.52im.net/thread-4840-1-1.htmlQ?/a></p></div><h1>2、远古时期的HTML</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">Web端音视频的发展史得从刀耕火U的q代——早期 HTML说v?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">在早期的 HTMLQ由于带宽、技术等各种因素限制Q网主要以单的静态内容ؓ主,只支持一些文字图片内容和单的排版Q不支持在线观看韌频?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">图ؓ 1994 q的 Yahoo!Q?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143445602-170743014.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143445602-170743014.png" medium-zoom-image="" lazyloaded"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><h1>3?Flash的兴起与淘汰</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">20 世纪初,随着互联|的发展Q各U?Web 应用和门L站不断出玎ͼZ渴望在网上看到更加丰富多彩的内容,比如视频、动ȝ{,于是 Flash q入了h们的视野?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">彼时?Flash 没有像现在大家印象中的那么臃肿,刚诞生的 Flash y、高效、跨q_Q同时凭借几?K 的体U做出放大也不会q的各U矢量彩色动画,在还是拨号上|,带宽条g受限Q加载一个在U视频需要好几分钟的q代脱颖而出Q甚臛_以做出各Uo人沉qL Flash 游戏?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>Flash 塑造了很多l典的小游戏角色Q火柴h是其中之一Q?/strong></p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143455589-1321018212.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143455589-1321018212.png" ls-is-cached="" lazyloaded"="" style="border: 0px; max-width: 100%; height: auto !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>Flash 的兴P得益于当?HTML 对于媒体文g支持的匮乏?/strong>Flash 以插件的形式Q干着q_才需要负担的J重工作Qƈ得益?Adobe 的大力推q,Flash 先后增加了对 Javascrip、HTML、XML 的支持,q增Z影音斚w的功能。同时由?Flash 跨^台的Ҏ,非常Ҏ被移植,市面上稍微高端点的设备,也得乖乖地给 Adobe 交授权费?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">然?nbsp;<strong>2007 q推出的 iPhone q不买̎Q他们以增加l航、安全ؓ由抛弃了 Flash</strong>Q很多h一开始对此嗤之以鼻,但事实证明苹果对此确实有q见Q大量低质量?Flash 使当时箋航本有限的Ud讑֤更加不堪重负?012 q_Android 也宣布不再支?FlashQFlash 在移动市Z再有立之地?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>在桌面市ZQFlash 的日子也q不好过?/strong>Chrome 从的 Chrome 42 开始,已l强制把 Flash 装入沙箱Q以 PPAPI 的Ş式运行;而从 Chromium 版本?88 开始,已经d不再支持 Flash 技术了。微软的 Edge 览器也同步不支?Flash。Chrome 的前?Firefox 更加Ȁq,?2016 q就已经默认止 Flash q行了?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">至于 Flash Z么走向了淘汰Q除了它的效率变低,不安全因素过多,E_性不_Q还有一个重要原因:<strong>Web 韌频解x案有了更好的替代?#8212;— HTML5?/strong></p><h1>4、HTML5的到?/h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>其实Q对?HTML5 是否可以真正替代 FlashQ尤大在 2011 q已l给Z预言Q?/strong></p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143507107-118070412.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143507107-118070412.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">事实正如预言所预料Q?strong>HTML5 ?2008 q发布后Q经q不断改q完善,基本上能包办 Flash 所有能q的事情了?/strong>HTML5 引入了许多新Ҏ和新功能,其中包含了 video ?audio 标签Q也是寚w视频的支持。用了支持 HTML5 标准的网l浏览器讉K HTML5 站点Q用h需在电脑上安装 Flash 插g可以在U观看视频,摆脱了对 Flash 的依赖?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143517085-1794908772.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143517085-1794908772.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">2021 q?1 ?20 日,chrome 88 正式发布Q彻底的止使用 Flash。自此,Flash 是d退Z历史舞台?/p><h1>5、到底什么是视频</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">视频Q其实就是一pdq箋播放的图片,如果一U钟播放 24 张图片,那么人眼看到的就不再是一张张独立的图片,而是动v来的画面?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">其中一张图片称Z帧,1s 播放的图片数UCؓ帧率。由于hcȝ睛的Ҏ生理l构Q如果所看画面之帧率高于每秒U?10-12 帧的时候,׃认ؓ是连贯的Q当看到帧率?24 fps 以上Ӟ大脑会认是流畅播攄视频。所以一般有声电q拍摄及播攑֓率大Uؓ每秒 24 帧,Ƨ美、日本那边由于电视制式不同,大约?30 帧?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>关于视频及视频编码相关的入门文章可以l箋详读以下资料Q?/strong></p><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">零基Q史上最通俗视频~码技术入?/a>?/li><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">一文读懂视频的颜色模型转换和色域{?/a>?/li><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">爱奇艺技术分享:L诙谐Q讲解视频编解码技术的q去、现在和来</a>?/li></ul><h1>6、电q帧率与游戏的帧率</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>Z?24 帧的电媄?30 帧的游戏要流畅许多?q其中的原因在于,电媄和游戏的囑փ生成原理不同?/strong></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">电媄?24 fpsQ是?1/24 U拍摄一副画面,如果你玩q相机的手动讄Q你应该知道如果?1/24 U的快门速度拍摄一个运动的物体?#8220;p?#8221;掉,而正是这?#8220;p?#8221;掉的画面qv来才让我们的眼睛看上d“畅”?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">而游戏画面不是按 1/24 U快门拍出来的,而是每一q画面都是独立渲染出来的Q之所以跑?24fps 是因为显卡处理能力不够?#8220;丢弃”了其中的一些画面,q样一来每两幅画面之间׃q箋了,自然看上M“?#8221;?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>举个例子Q?/strong>一个圆从左上角Ud到右下角Q如果是电媄Q第一帧与W二帧可能是cM下图q样的?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143527990-1378580382.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143527990-1378580382.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">如果是游戏画面,W一帧与W二帧会cM下面q两张图Q?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143538586-545002878.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143538586-545002878.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>此外Q与之间间隔恒定Q?/strong>人眼对于动态视频的捕捉是非常敏感的Q电影率是固定不变Q肉眼很隑֯觉出异常?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">而游戏的帧率却是很容易变化的——如果手动锁定帧数Q显卡会默认渲染最高率?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">玩家触发的很多剧情往往伴随剧烈的画面变动,q时昑֍的率就会出C降,前后不一致的帧率很容易被肉眼捕捉Q这时我们就会觉得,游戏?#8220;?#8221;了?/p><h1>7、视频的~码</h1><h3>7.1 概述</h3><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">视频是由囄构成的,囄是由像素构成的,假设寸?1980*1080。每个像素由 RGB 构成Q每?8 位,?24 位?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>假设帧率?24Q那么每U钟的视频的寸如下Q?/strong></p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143550683-2089982465.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143550683-2089982465.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">一分钟视频的尺寸就?9237888000 Bytes 已经?8.8 ?G 了。可以看刎ͼ如果是不对视频做M处理Q是非常不方便对于视频做传输与存储的Q所以需要对视频q行压羃Q也是~码?/p><h3>7.2 视频~码</h3><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">视频囑փ数据有很强的相关性,也就是说有大量的冗余信息。其中冗余信息可分ؓI域冗余信息和时域冗余信息。压~技术就是将数据中的冗余信息LQ去除数据之间的相关性)Q压~技术包含内图像数据压~技术、间图像数据压~技术和늼码压~技术?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">l过~码之后Q视频由一帧的图片,变成了一串串让h看不懂的二进制代码,因ؓ~码的方?法)的不同,所以就有了~码格式的区分。常见的~码格式?H.264QMPEG-4QVP8 {?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">我们前端开发只需要记住一点,L览器支持的视频~码格式?H.264?/p><h3>7.3 音频~码</h3><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">CD 韌的音频,存放一分钟数据需要的大小?10MQ太大了Q也需要压~(~码Q?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>常见的编码方式有Q?/strong>WAV、MP3 ?AAC 格式?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">音频的编码方式不像视频那样那么多Q而且音频在各个浏览器基本上都可以播放。具体的每种~码格式包含的音频是怎么构成的,q里׃讲了?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143600615-2012145982.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143600615-2012145982.png" ls-is-cached="" lazyloaded"="" style="border: 0px; max-width: 100%; height: auto !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>关于音频及音频编码相关的入门文章可以l箋详读以下资料Q?/strong></p><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">如何开始音频编解码技术的学习</a>?/li><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">音频基础及编码原理入?/a>?/li><li style="list-style: inherit;">?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">详解音频~解码的原理、演q和应用选型</a>?/li></ul><h3>7.4 装格式</h3><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">我们把视频数据、音频数据打包到一P然后再添加一些基本信息,例如分L率、时ѝ标题等Q构成一个文Ӟq个文gUCؓ装格式。常见的装格式?MP4、AVI、RMVB {?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143611764-283693269.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143611764-283693269.png" lazyloaded="" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>可以看出Q?/strong><span style="color: #800000;">视频的封装格式和视频的编码格式往往是无关的?/span>一?mp4 文g里面的视频流~码可以?h264也可以是 mpeg-4。所以就会出玎ͼ同样都是 mp4 文gQ有的浏览器可以放,有的览器就放不了的问题Q因不能放是p频码的~码格式军_的?/p><h1>8、视频的码率</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>码率Q也叫比特率Q?/strong>帧率?1s 播放多少帧,cL一下,比特率就?1s 的视频有多少 bit?strong>q个参数直接军_了视频的大小与清晰程度?/strong></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">一般网上流传的电媄 MKVQBDrip-1080PQ的码率?10Mb/s 左右Q蓝光原盘是 20Mb/s 左右Q这两者都?H.264 ~码的。另外一?MV、PV、演C片什么的除了 H.264 ~码Q可能还?MPEG-2 ~码Q码率大不{,?youtube 那些在线?1080P 的视频,码率可能只有 5Mb/sQ而一?MV 的码率可以高到离谱,可以辑ֈ 110Mb/s 的,3 分多钟的 MV 差不多有 3GB 大小?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">而一般的视频剪辑、后期YӞ在输出序列的时候,都会有码率这个选项?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143625967-52738004.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143625967-52738004.png" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><h1>9、视频播攑֙的原?/h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>播放视频的基本流E是Q?/strong>解协?→ 解封?→ 解码 → 视音频同步。如果播放本地文件则不需要解协议?/p><div style="font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><img alt="" data-src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143645836-1969508881.png" src="https://img2024.cnblogs.com/blog/1834368/202506/1834368-20250626143645836-1969508881.png" medium-zoom-image"="" style="border: 0px; max-width: 100%; height: auto !important; cursor: zoom-in; transition: transform 300ms cubic-bezier(0.2, 0, 0.2, 1) 0s !important;" /></div><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>解协议的作用Q就是将媒体协议的数据Q解析ؓ标准的相应的装格式数据?/strong>视音频在|络上传播的时候,常常采用各种媒体协议,例如 HTTP、RTMP或是 MMS {等。这些协议在传输视音频数据的同时Q也会传输一些信令数据。这些信令数据包括对播放的控Ӟ播放、暂停、停止)Q或者对|络状态的描述{。解协议的过E中会去除掉信o数据而只保留视音频数据?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>解封装的作用Q就是将输入的封装格式的数据Q分L为音频流压羃~码数据和视频流压羃~码数据?/strong>装格式U类很多Q例?MP4、MKV、RMVB、TS、FLV、AVI {等Q它的作用就是将已经压羃~码的视频数据和音频数据按照一定的格式攑ֈ一赗例如,FLV 格式的数据,l过解封装操作后Q输?H.264 ~码的视频码和 AAC ~码的音频码?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>解码的作用,是视?音频压羃~码数据Q解码成为非压羃的视?音频原始数据?/strong>音频的压~编码标准包?AAC、MP3、AC-3 {等Q视频的压羃~码标准则包?H.264、MPEG2、VC-1 {等。解码是整个pȝ中最重要也是最复杂的一个环节。通过解码Q压~编码的视频数据输出成ؓ非压~的颜色数据Q例?YUV420P、RGB {等Q压~编码的音频数据输出成ؓ非压~的音频抽样数据Q例?PCM 数据?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">视音频同步的作用Q就是根据解装模块处理q程中获取到的参C息,同步解码出来的视频和音频数据Qƈ视频音频数据送至pȝ的显卡和声卡播放出来?/p><h1>10、HTML5的canvas播放视频</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">如果我们到一些特D机型或者特D情?HTML5 ?video 解决Ҏ不是很好处理Q也可以采用 Canvas L放这个视频?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">使用 Canvas 播放视频主要是利?nbsp;ctx.drawImage(video, x, y, width, height) 来对视频当前帧的囑փq行l制Q其?video 参数是面中的 video 对象。所以如果我们按照特定的频率不断获取 video 当前画面Qƈ渲染?Canvas d上,可以实C?Canvas 播放视频的功能?/p><blockquote style="background-image: none; border-top: none; border-right: none; border-bottom: none; border-left-width: 3px; border-left-color: #e2dfdf; margin-right: 0px; margin-left: 0px; background-color: #eeeeee; width: 1208.8px; color: #555555; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;"><p style="margin-top: 10px; margin-bottom: 10px;"><video id="video" controls="controls" style="display: none;"></p><p style="margin-top: 10px; margin-bottom: 10px;">    <source src="https://xxx.com/vid_159411468092581" /></p><p style="margin-top: 10px; margin-bottom: 10px;"></video></p><p style="margin-top: 10px; margin-bottom: 10px;"><canvas  id="myCanvas" width="460" height="270" style="border: 1px solid blue;" ></canvas></p><p style="margin-top: 10px; margin-bottom: 10px;"><div></p><p style="margin-top: 10px; margin-bottom: 10px;">    <button id="playBtn">播放</button></p><p style="margin-top: 10px; margin-bottom: 10px;">    <button id="pauseBtn">暂停</button></p><p style="margin-top: 10px; margin-bottom: 10px;"></div></p><p style="margin-top: 10px; margin-bottom: 10px;"> </p><p style="margin-top: 10px; margin-bottom: 10px;">const video = document.querySelector("#video");</p><p style="margin-top: 10px; margin-bottom: 10px;">const canvas = document.querySelector("#myCanvas");</p><p style="margin-top: 10px; margin-bottom: 10px;">const playBtn = document.querySelector("#playBtn");</p><p style="margin-top: 10px; margin-bottom: 10px;">const pauseBtn = document.querySelector("#pauseBtn");</p><p style="margin-top: 10px; margin-bottom: 10px;">const context = canvas.getContext("2d");</p><p style="margin-top: 10px; margin-bottom: 10px;">let timerId = null;</p><p style="margin-top: 10px; margin-bottom: 10px;">function draw() {</p><p style="margin-top: 10px; margin-bottom: 10px;">    if (video.paused || video.ended) return;</p><p style="margin-top: 10px; margin-bottom: 10px;">    context.clearRect(0, 0, canvas.width, canvas.height);</p><p style="margin-top: 10px; margin-bottom: 10px;">    context.drawImage(video, 0, 0, canvas.width, canvas.height);</p><p style="margin-top: 10px; margin-bottom: 10px;">    timerId = setTimeout(draw, 0);</p><p style="margin-top: 10px; margin-bottom: 10px;">}</p><p style="margin-top: 10px; margin-bottom: 10px;">playBtn.addEventListener("click", () => {</p><p style="margin-top: 10px; margin-bottom: 10px;">    if (!video.paused) return;</p><p style="margin-top: 10px; margin-bottom: 10px;">    video.play();</p><p style="margin-top: 10px; margin-bottom: 10px;">    draw();</p><p style="margin-top: 10px; margin-bottom: 10px;">});</p><p style="margin-top: 10px; margin-bottom: 10px;">pauseBtn.addEventListener("click", () => {</p><p style="margin-top: 10px; margin-bottom: 10px;">    if (video.paused) return;</p><p style="margin-top: 10px; margin-bottom: 10px;">    video.pause();</p><p style="margin-top: 10px; margin-bottom: 10px;">    clearTimeout(timerId);</p><p style="margin-top: 10px; margin-bottom: 10px;">});</p></blockquote><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">事实上,市面上已l有不少 Canvas 播放视频的解x案,比较出名的是q个 <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">JSMpeg</a>。它?PIXI 一P可以选择 WebGL 渲染视频也可以直接用 Canvas 渲染视频?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">JSMpeg 是没?npm 包的Q但是社Z有开发者基?JSMpeg 装了一?npm 包:<a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">https://github.com/cycjimmy/jsmpeg-player</a>?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><strong>在官|上是这么介l的Q?/strong></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">JSMpeg is a Video Player written in JavaScript. It consists of an MPEG-TS Demuxer, WebAssembly MPEG1 Video & MP2 Audio Decoders, WebGL & Canvas2D Renderers and WebAudio Sound Output. JSMpeg can load static files via Ajax and allows low latency streaming (~50ms) via WebSocktes.</p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">׃它所支持的编码格式不是常规的 H.264Q而是比较老的 MPEG1Qƈ且解装器ؓ MPEG-TS。所以一般我们用它L染视频的格式?TS。TS 是日本高清摄像机拍摄下进行的装格式Q全UCؓ MPEG2-TS。它的特点就是要求从视频的M片段开始都是可以独立解码的?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">TS 文g通常作ؓ多个文g保存?DVD 上,虽然它可以在高清摄像机、蓝?DVD 中无需借助其他软gp直接打开Q但?TS 视频文g与大多数的媒体播攑֙、便携式播放器或视频~辑工具都不兼容Q所以这个时候,FFmpeg 可以出Z?/p><h1>11、视频操作神?#8212;—FFmpeg</h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">FFmpeg</a><strong>是一个开源的软gQ我们直接用 homebrew 可以安装:</strong></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">1brew install ffmpeg</p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">如果我们惌{换ؓ jsmpeg 所需?ts 格式视频Q可以执行:</p><blockquote style="background-image: none; border-top: none; border-right: none; border-bottom: none; border-left-width: 3px; border-left-color: #e2dfdf; margin-right: 0px; margin-left: 0px; background-color: #eeeeee; width: 1208.8px; color: #555555; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;"><p style="margin-top: 10px; margin-bottom: 10px;">$ ffmpeg -i input.mp4 -f mpegts \</p><p style="margin-top: 10px; margin-bottom: 10px;">         -codec:v mpeg1video -s 640x360 -b:v 1500k -r 25 -bf 0 \</p><p style="margin-top: 10px; margin-bottom: 10px;">         -codec:a mp2 -ar 44100 -ac 1 -b:a 64k \</p><p style="margin-top: 10px; margin-bottom: 10px;">         output.ts</p></blockquote><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;"><strong><em>1Q?/em></strong>iQ指定输入文Ӟq里指定?input.mp4Q?/li><li style="list-style: inherit;"><strong><em>2Q?/em></strong>f 指明输出文g的封装格式,q里?jsmpeg 所需?mpegtsQ?/li><li style="list-style: inherit;"><strong><em>3Q?/em></strong>codec:v 指明输出文g的视频编码,q里指明?jsmpeg 所需?mpeg1videoQ?/li><li style="list-style: inherit;"><strong><em>4Q?/em></strong>s 讄视频分L率,参数格式为w*h或w×hQ?/li><li style="list-style: inherit;"><strong><em>5Q?/em></strong>b:v 讄视频码率Q一般如果想得到高清的效果,臛_需?4000k 以上Q如果对视频体积有要求,可以视情况小一点;</li><li style="list-style: inherit;"><strong><em>6Q?/em></strong>r 讄帧率QfpsQ,一般都?25Q?/li><li style="list-style: inherit;"><strong><em>7Q?/em></strong>bf bframe 数目控制Q一般ؓ 0?/li></ul><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">B 帧法QB frameQ是双向预测的间压~算法。当把一帧压~成 B 帧时Q它Ҏ盔R的前一帧、本帧以及后一帧数据的不同Ҏ压羃本Q也即仅记录本与前后的差倹{?/p><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;"><strong><em>1Q?/em></strong>codec:a 指明输出文g的音频编码;</li><li style="list-style: inherit;"><strong><em>2Q?/em></strong>ar 讄音频~码采样率,单位kHzQ一般网上的音频Q大多ؓ 44100Q?/li></ul><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">音频采样率是指录韌备在单位旉内对模拟信号采样的多,采样频率高Q机械L的L形就真实越自然Q?/p><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;"><strong><em>3Q?/em></strong>ac 讄音频~码声道敎ͼ</li><li style="list-style: inherit;"><strong><em>4Q?/em></strong>b:a 讄音频码率Q?/li></ul><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">音频码率Q指一个音频流中每U钟能通过的数据量Q码率越大的话,韌好?/p><ul style="margin-left: 30px; padding-left: 0px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><li style="list-style: inherit;">最后一个参数即出文件位|与名称和后~格式?/li></ul><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">FFmpeg 是一个非常强大的韌频{换工P不仅可以视频转换Q还可以视频寸裁剪、视频时长裁剪、视频拼接等{功能,目前很多在线视频剪辑工具基本是基?FFmpeg 开发的?/p><h1>12、音视频的一些资源推?/h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">国内学习韌频相关的开发,l不q的一个大是雷霄骅,大{已经M了,但是留下的文章永垂不朽。本文也是参考了雷霄骅的部分博客Q如果感兴趣Q可以从q篇文章看vQ?a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">视音频编解码技术零基础学习Ҏ</a>》?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">对于直播 webrtc 感兴的Q也可以看一?nbsp;<a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">Real time communication with WebRTC</a>Q国内慕评上李老师也有不错的教E?/p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">?ffmpeg 感兴的Q可以看一下这里:<a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">https://github.com/leandromoreira/ffmpeg-libav-tutorial</a>?/p><h1>13、参考资?/h1><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[1] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">x通讯韌频开发(十八Q:详解音频~解码的原理、演q和应用选型</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[2] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">x通讯韌频开发(十九Q:零基Q史上最通俗视频~码技术入?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[3] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">x通讯韌频开发(二十Q:一文读懂视频的颜色模型转换和色域{?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[4] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">实时语音聊天中的音频处理与编码压~技术简q?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[5] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">|易视频云技术分享:音频处理与压~技术快速入?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[6] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">利_最全实旉视频开发要用到的开源工E汇?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[7] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">理解实时韌频聊天中的g旉题一就?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[8] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">写给白的实旉视频技术入门提U?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[9] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">爱奇艺技术分享:L诙谐Q讲解视频编解码技术的q去、现在和来</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[10] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">零基入门Q实旉视频技术基知识全面盘点</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[11] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">实时韌频面视必备:快速掌?1个视频技术相关的基础概念</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[12] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">实时韌频开发理论必备:如何省流量?视频高度压羃背后的预技?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[13] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">视频直播技术干?十三)QB站实时视频直播技术实践和韌频知识入?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[14] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">零基入门Q基于开源WebRTCQ从0?实现实时韌频聊天功?/a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[15] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">实时韌频入门学习:开源工EWebRTC的技术原理和使用析</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;">[16] <a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">零基快速入门WebRTCQ基本概c关键技术、与WebSocket的区别等</a></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; background-color: #ffffff;"><br /><a target="_blank" rel="noopener nofollow" style="color: #1d58d1; text-decoration-line: none;">Q本文已同步发布于:http://www.52im.net/thread-4840-1-1.htmlQ?/a></p><img src ="http://www.aygfsteel.com/jb2011/aggbug/451642.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.aygfsteel.com/jb2011/" target="_blank">Jack Jiang</a> 2025-06-26 15:25 <a href="http://www.aygfsteel.com/jb2011/archive/2025/06/26/451642.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>debian安装python+替换为清华源http://www.aygfsteel.com/paulwong/archive/2025/06/23/451640.htmlpaulwongpaulwongMon, 23 Jun 2025 03:32:00 GMThttp://www.aygfsteel.com/paulwong/archive/2025/06/23/451640.htmlhttp://www.aygfsteel.com/paulwong/comments/451640.htmlhttp://www.aygfsteel.com/paulwong/archive/2025/06/23/451640.html#Feedback0http://www.aygfsteel.com/paulwong/comments/commentRss/451640.htmlhttp://www.aygfsteel.com/paulwong/services/trackbacks/451640.html
sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak

sudo vi /etc/apt/sources.list.d/debian.sources

d如下内容:
Types: deb
URIs: https://mirrors.tuna.tsinghua.edu.cn/debian/
Suites: bookworm bookworm-updates bookworm-backports
Components: main contrib non-free non-free-firmware
Signed-By: /usr/share/keyrings/debian-archive-keyring.gpg

Types: deb
URIs: https://mirrors.tuna.tsinghua.edu.cn/debian-security/
Suites: bookworm-security
Components: main contrib non-free non-free-firmware
Signed-By: /usr/share/keyrings/debian-archive-keyring.gpg

更新所有包
sudo apt update

安装python
sudo apt-get install python3

sudo apt-get install python3-pip

命o支持短写
sudo apt install python-is-python3

安装miniconda
wget https://mirrors.tuna.tsinghua.edu.cn/anaconda/miniconda/Miniconda3-py310_25.3.1-1-Linux-x86_64.sh

bash Miniconda3-py310_25.3.1-1-Linux-x86_64.sh
conda config --set show_channel_urls yes

cat > ~/.condarc <<EOF
channels:
- defaults
show_channel_urls: true
default_channels:
- https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main
- https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/r
- https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/msys2
custom_channels:
conda-forge: https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
pytorch: https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
EOF

清除~存
conda clean -i

conda --version
conda info # 查看渠道是否昄为清华源






paulwong 2025-06-23 11:32 发表评论
]]> վ֩ģ壺 | ־| | | | | | | | | | ̨ɽ| | | | | Ԫı| | ӽ| Ϫ| ƽ| | | | | ³ƶ| | ľ| ʯ| »| | | | | | ˮ| ½| ǿ| | | |