仰观苍穹思环宇

使用FFmpeg对mp4视频批量生成m3u8文件支持客户端通过HTML5的video地址使用blob访问资源片段

发表于2024-09-30|大前端视频|FFmpeg•blob•HLS(HTTP Live Streaming)•视频流•视频格式转换•m3u8•mp4•实时转码•文件监控•流媒体•nginx跨域配置

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b95940438f839345b688d7228a78a1d4cd9c472171091107c4d018a52531c868701e317f6322cf218f6d2d70c869519e4eacb83461767e5bc2f20a161cc9c38fa965f56ed99151bc5191cd0f9ed2c83d42970cb60acdf34108a9f1c7a4dc49426836ffafa35f0c69f26b6acc7f3eef4f319267cb69286e70951893135464d11d754f00b285375e9fe9de6f1829ea2671295f12703856db59323b707764554379492b05bc4b86450430b27491575062bb26c87a1856b3bec8b79c3856294fc1a1c759609a4161c48cdb5e8837346c22203b2c8a106a1bafaa3f59f361a4 ...

深入掌握FFmpeg：从基础操作到高级视频处理技巧全面指南

发表于2024-09-29|大前端视频|FFmpeg教程•script-server•视频格式转换•视频处理工具•视频编辑技巧•FFmpeg命令•FFmpeg高级用法•音视频转换•powershell结合FFmpeg处理视频批量操作

628c584cc0ca60eede7bfc6fe7f8cd07dce6d075fe652c37738ea52ab3ff079240456058b478aa976fa45bafb636835a9b70a532c8b3547f6076027f4c280e8488864e15998ecfb1e713b88ea3dca1d170ff8266b6b4b9201cbc6e9c19cd30ed214949070565b207204aa612fc79f7d9ab057003ec5937aad92131436d5ad6d4ad590d8fbedece094158a20fadf0f882bfedecfc03fc561dedeb5bed2aaa0fa42858a2cb07a38b629a51f05e64d49e5c1555fbb6676ee8fd95d970ea4f5a7a840ed242d04639f3baa28924bfe16bff22fce95918fd3842540f551daee7e49c48ee80db3aadbc7a6f855e940313e13d63707e57d923f2da46b ...

如何实现通过鼠标滚轮控制多个视频逐帧播放的网页效果(鼠标离开视频版块视频自动暂停并且只有鼠标进入视频版块上下滚动来控制视频播放进度)

发表于2024-09-27|大前端|视频逐帧播放•鼠标滚动控制视频•视频与滚动交互•JavaScript控制视频进度•视频自动暂停功能

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238cdabd1e58810a23b532a3a4a7e6e4d40716b25ca46f1184ae371aa5f1e06b7d9dd4fbba720b758d1e1119e7f3620a59cc122856af9cd2621a51a7aa5906dc8ae8567a6ca85c99fdf791bf9a018c5bb25779c2f6231348fbc91d0c6551bd3c91bf09ca0d17b69ef6589a08439a23b28ba32f65f7e55660309b90c4e6f83b52d25ce1f5b6bd05f853bb50e516419f83325e056fbab7933ceafd53c445db4d503efe0ff5a163b67e9b8045e76cdf903fae65aa54823e223261725ccd3fa79de70078cc6f5ee3b7ad90cd304762a3faa9e758035397e66b0eb4ce ...

在web页面中使用Mermaid这个库创建流程图使用技巧和注意事项

发表于2024-09-26|大前端|mermaid•MermaidJS•mermaid流程图

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238213c22395ab4504034a9289d369af4a00a14234b36d7c6b1926fe2380a26f3460203fcee7faf67fffc9d99390200c5810445671daf86271eb88458f8d7f5da0e3fdecd8d56c21cb6be29b4311e220953a8afdbbfeeec193b4becc1b1e0ed4b63ac23451898d2122690aa95e644e212031cee4f8dd07aab64ce6f6f339fb26d69da6fdef9521d7a509fc60d1b03b2e5788b61da2cc8fb2b1a0d41223c752d500c12c5cd3ad08b9ab832cd77faa91887d24105b55f1e2cffd8711a9e42ec9f02566989a8723e2b82eca16c8038e4abdf8fd646ac795739932f7 ...

html页面里面的video视频在苹果系统上播放会全屏播放的问题

发表于2024-09-25|大前端|video视频版块在ios系统上全屏播放•视频版块在苹果系统上弹出播放•视频版块在苹果系统上全屏播放修复

628c584cc0ca60eede7bfc6fe7f8cd07e066d65610060075f696569618d44544785a3afc298530eb09ee9cae645169d98675f64296cd3213b5bfc84e8b3b46770f4a4d20203fc467b5693e2c22287ed15b030b1c91233a52dfa15b235219dd032513ebcbcd3f337a4a95e1ef940390f8d4d32e777d5b64b00c7c1b3c5ca2f9958444646f8e894a88ffb762449e8d00ed3d0033d9f4c37ebe5f46c045a3a7006210985f43185a112a35fbcb2f8003bfa7ab6410a0535b234fca306713baed8335ef636f0e456ec5815389b46407dc498a905da680deb4861dc121f0e1dadf660e2538d2b8b5fb818eeb6fd4c347c4c4cc8dc84b17e8d81708b ...

创建动态效果的按钮：围绕按钮绘制线条并填充

发表于2024-09-24|大前端|鼠标悬浮线框出现•鼠标悬浮围绕按钮绘制线框•线条填充按钮•动态效果按钮

628c584cc0ca60eede7bfc6fe7f8cd0701cada26a12f1e3264ba3c3078b831359d2af1ffc2f876390cc1e04d485f7de183a79026a4cadab81861b84b2b572da9b847cb9e2b657ec0003d1389551b7ef6f8ac549e6be64b0a48b492cc4bfcfc441c4c25e96e3a66e5683a2e3e8419ee607bea020e46ca72a59a1d7ff1cb21cfa41698eb7627e37a315d676de673c4e813c8f69e9c943f33d8dd9c623909188411e056026c182a0539455d5cc6496044de073697bd1a246c9b119805460256626248d67967b05b0cd1ef3c1514bf6cbf6d0c53b39ddddd328c4cd5e23f3ee3a9e8d04f2d24837490a0fe8fdc8307613fab38cbb87e044749859 ...

windows上如何生成自签名的SSL证书用于本地测试环境下运行以及script-server的自定义配置工作相关的设置注意事项

发表于2024-09-19|大前端python|hexo•script-server•生成自签名的SSL证书•.htpasswd•EMAIL_PASSWORD•windows环境变量设置和使用•ssl

628c584cc0ca60eede7bfc6fe7f8cd071c954b98a4e8847fe70f3a1b9594043859402043f35d53d0d6802200a968ea72272ebc974f5e300885896734ed78e9fbffc5c1e440aeaf095853ac06b5a309e0825adf76b57b22d39658aafc99e584312848c28f4b83ae8f903e930f777d69f12d1bc2ab58bc6a406f14f7afc2b430254a513438c07abdc5b32ea953633cff9f20877a84f913aa626b015749384855c8b994abd1f7e82380d234697e10c31482eb3abd50a4f3e59a3d86c99f7a8fb035cf84375a292b7fb0b1aed5e90169f41fbf33abf76172c371d1b8acd1d1f1a17c2fa850fd3b4ba1085c8d243326ba3292fee774657eb7e82fb ...

实现DOM版块动态图像悬浮效果及悬浮图片板块偏移之后显示视频的完整示例

发表于2024-09-18|大前端|动态图片悬浮效果•图片版块悬浮偏移•图片悬浮位移•图片版块悬浮播放视频•瀑布流布局(Masonry)

628c584cc0ca60eede7bfc6fe7f8cd076d5cc2ff1f36281535bae9832acfac5de8fd66b1359d3b37058f903a17993dc257d2bf56f6f3ee948f35cb64d56c4536e42e2f0a32e7d4c8defafa357cd1a6bf2454674f3f05ba25ce0b61fac4691cb898e44f834a906d5e274f8f94377e604209d7fcd0c2c3d81a1c790af0f2c102b36b0066d5b33974b4eae4549cd3d46db04d857cc3ba6c9a0b4e141662fd75b6793a7986dcf8814d04b3073d04a3b0d6a4a68f9f23bf949132903319b4e8e11aede1212d4d869eeec7abaf585bd051c49b2b4184f3a930849f93fc3524d5c9c0379a33295fe78eaf06d328eef8e367e8af25869a543f5d1a288 ...

创建鼠标动态光晕效果之平滑过渡与实时显示技术解析与实现

发表于2024-09-11|大前端|动态光晕效果•鼠标光圈•CSS过渡动画•页面光晕跟随

628c584cc0ca60eede7bfc6fe7f8cd070d61bd9b2336c3678fa6775c0ac4a238cdabd1e58810a23b532a3a4a7e6e4d40a60a1745393b895f88317b4e30e0a4088b6608c6027b6d7603c017fb514a5739ca9b32ea72770fd154c5a0bf79df6ea5ef9e16de5ca9e70eb715f71954ded5780d7663c7f042cf9060c103804af8194027c50f85051cc619e5eb1e9fe106dcbe885111612413c6d533e2d1898d16926e56730e75a76a6d2971ca8ab89854f40ed552741203112a94e12863bebaaae25a4709bb837110e57c7a6541ec1319e29434c18587dd51a4215af6313d481cdd64e5fd46e4ba584e69be0dcfaac54058bd4b85f4a1b55eace00 ...

WG-API官方文档(接口测试和使用文档)

发表于2024-09-10|网络|python•wg-api•wireguard

628c584cc0ca60eede7bfc6fe7f8cd070e29c39a0ccdee952557a59967225df45677ba2738bd54a67f290cbda55fddca0956ba8cf79e823ec8add9a9fd63c0ef39193276805a59cd420ccf8a2fcb4951c697d34036f2de3c1408699f68efc23b5fa9b3917f4df51dc7941a36ea64fb6cb05f5b33a27160ff58fdc042f1660783c73acf7aa0872f12c495c095e557300b01870e0ba5304b374787e77def0348e966b8c5aee75e26a69fd095605e505fe89c849408a8a3f74e40e30d5e44b76d48b72348c630838f3c0ec0f91762ab243629a52deef78f91c4451a2ad6e7c6f4adb73e774e780504947c6a4c5d1de246a5a5008c1bc00e24b8e ...