weixin_45143156-CSDN博客

原创有哪些你离不开的软件？

它的代码智能提示、调试工具和版本控制系统的整合，极大地提升了我的开发效率。在这个主题中，我们将探索五款我个人离不开的软件，它们分别是：WebStorm, ChatGPT, 抖音, Chrome，小滑轮m3u8。ChatGPT就像是一个智慧的助手，能够回答我的问题、提供建议，甚至与我进行有趣的对话。无论是搞笑视频、美食分享还是音乐创作，抖音都能满足我的多样化需求，为我带来欢乐与灵感。它的快速、稳定和丰富的扩展生态系统，使我能够更加高效地浏览网页、管理书签，甚至进行在线办公。为我闲暇时带来很好的观影享受。

2024-04-11 16:19:42 146

原创如何下载网站上的视频到电脑

插件：某些浏览器扩展如Video DownloadHelper (Firefox)、Internet Download Manager (IDM)、Downloader for Chrome等可以帮助用户识别并下载网页上的视频。在线视频下载网站：提供视频链接给一些在线视频下载服务网站，这些网站会分析链接并提供下载选项。若无直接选项，可在网页源代码中查找视频源文件地址，但这种方式需要一定的技术知识。鼠标右键点击视频，看是否有“复制视频链接”、“视频另存为”等选项。等，它们可以解析不同网站的视频链接并下载。

2024-04-07 17:01:12 306

原创 m3u8如何转成mp4

您可以使用 -map 选项来指定要复制的流，例如 -map 0✌️0 -map 0🅰️0 表示选择第一个视频流和第一个音频流。将 m3u8 格式的视频文件转换为 mp4 格式通常需要下载整个视频流并将其重新打包成 mp4 文件。这可以通过使用 FFmpeg 这样的多媒体处理工具来完成。在这个命令中，输入.m3u8 是您要转换的 m3u8 文件的路径，输出.mp4 是您要保存的 mp4 文件的路径。总之，通过 FFmpeg，您可以轻松地将 m3u8 文件转换为 mp4 文件，但请确保您有权下载和使用视频流。

2024-04-06 21:53:36 236

原创 m3u8怎样转入本地视频

将M3U8视频流转换为本地视频通常需要下载M3U8文件引用的所有分段视频并将它们合并成一个完整的视频文件。它的好处是，直接在线转换，不需要下载软件。这个命令会下载M3U8链接引用的所有分段视频并将它们合并成一个MP4格式的视频文件。：此软件可以解析M3U8文件或者地址，将视频进行下载，并转换为mp4格式存储在本地。：一旦FFmpeg完成了下载和合并，你就会在当前目录中找到名为output.mp4的视频文件，这就是你转换后的本地视频。这可能需要一些时间，具体取决于视频的大小和你的网络速度。

2024-04-05 20:13:14 186

原创程序员MAC 电脑上必备的安装软件。

Mac上第三方包管理器，很方便的工具，同时出名的还有MacPorts，各有千秋吧，homebrew比较依赖系统库，优点是更新速度快，软件包也非常多，但是缺点也很明显，每次更新系统，很多软件就不能用了，这个会让人头疼。闲暇时，我一直使用它看视频，它可以看（腾讯，爱奇艺，芒果）会员视频，所以它们有热门的剧，我都用它看，不用掏会员。另外那些看美剧的网站，我也用它看或下载。google chrome是最好的浏览器（不接受反驳），无论是代码调试，还是插件使用。像大脑的瑞士军刀一般，助你理清思路，捕捉创意。

2024-03-27 16:03:08 537

原创 Unable to find puppeteer Page from BrowserWindow

当你遇到 “Unable to find puppeteer Page from BrowserWindow” 这样的错误，通常是因为在使用 Puppeteer 时，你试图从浏览器窗口获取一个不存在的页面。检查你的代码是否在正确的时间访问了页面。如果你试图在页面关闭后访问它，或者在页面加载完成之前进行操作，可能会收到这个错误。可能存在多个窗口或标签：如果你有多个窗口或标签打开，并且没有正确地引用它们，也可能导致这个错误。页面可能已经关闭或不存在：如果你试图获取一个已经关闭或不存在的页面，就会收到这个错误。

2023-11-24 16:00:27 80

原创小滑轮m3u8详细下载安装和使用教程

小滑轮m3u8软件，一款受欢迎的m3u8视频下载工具，实际中得到广泛应用。但是在安装使用过程中可能会有问题。这里分享详细的安装教程。

2023-11-24 10:31:54 1002 1

原创 M3U8是什么，如何解析？

M3U8是苹果公司推出的视频播放标准，准确来说是一种索引文件，使用M3U8文件实际上是通过它来解析对应的放在服务器上的视频网络地址，从而实现在线播放。M3U8是一种常见的流媒体格式，主要以文件列表的形式存在，既支持直播又支持点播，尤其在Android、iOS等平台最为常用。使用M3U8格式文件主要因为可以实现多码率视频的适配，视频网站可以根据用户的网络带宽情况，自动为客户端匹配一个合适的码率文件进行播放，从而保证视频的流畅度。播放器会根据文件的索引找到对应的音视频文件的网络地址进行在线播放。

2023-11-21 10:50:32 1297

原创判断某个字符串是否是URL

javascript 里有个URL方法，可以通过它判断。但是它的功能还可以将URL解析出来，host，pathname，参数等等。

2023-11-20 16:11:22 149 1

原创 m3u8格式的视频网站，如何进行下载。

如果您是程序员，你可以使用您技术手段，实现这个。抓取m3u8链接，并进行解析。同时下载相关的ts文件，并使用ffmpeg将ts文件合并成视频mp4。很多视频网站的格式m3u8。但是这些良心网站并没有提供下载地址，或者受限于服务器。播放过程中，加载比较慢，经常卡顿。具体实现细节，可以参考这篇文档：https://zhuanlan.zhihu.com/p/653351722。它可以将输入的网站链接，解析出m3u8链接，且可以进行下载。

2023-11-20 15:25:34 146 1

原创名片快速制作 -- 小滑轮

本人开发一个名片快速生成的方式。通过输入名片相关的信息，就可以显示含有这些信息不同风格名片。这样可以最真实的看到名片样式。可以节省很多时间哦。项目地址：https://www.feiaci.com/card/欢迎大家免费使用。...

2021-10-09 09:29:54 107

原创 PNG图片变成黑色

png图片透明区域被填充成黑色关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站问题：在用canvas的toDataURL处理png时，发现透明区域被填充成黑色。为什么canvas会png的透明区域转成黑色呢？canvas转换之前移除alpha通道，所以透明区域被填充成了黑色。但是，我们希望的是，canvas可以将png的透明区域填充成白色。那么怎么将canvas中的透明区域填充成白色呢？我们有两个方案：解决方案一：将透明的pixel设成白色因为png图片的背景都是透明的，所以我们

2020-10-13 16:47:28 4603 1

原创给css添加前缀

给css添加前缀（js，webpack）关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站代码中某些地方添加。在项目中，有时需要在某个情况下需要添加css前缀，这个时间一般会用js给css添加。下面提供一个通用方法，用来添加前缀。/** * @desc 对css属性针对不同浏览器加私有前缀 * @desc 先计算下当前浏览器支持那个前缀，支持哪个，就增加那个前缀。并不是把所有的前缀。 * style: 是字符串，例如： transform * return: 字符串。例如： webk

2020-09-29 11:52:27 1331

原创字符串进行转义，防止xss攻击

字符串进行转义，防止xss攻击关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站/** *. 转义html(防XSS攻击) *. @param str 字符串 */function escapeHTML (str) { return str.replace( /[&<>'"]/g, tag => ({ '&': '&',

2020-09-27 16:07:42 1451

原创浏览器是否支持webP格式图片

浏览器是否支持webP格式图片关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站webP格式webp格式的图片在质量相同的情况下，可以拥有更小的体积。而且现在很多资源存储的云服务商都支持请求webp格式的图片。所以说，在网站中使用时webp格式，可以让网站打开更快，也更节省网络带宽。但是并不是所有的网站都支持webP格式的，所以在使用之前，先判断下是否支持webP格式，下面的代码就提供了判断的方法。/** * * @desc 判断浏览器是否支持webP格式图片 * @return

2020-09-25 16:25:40 410

原创 js实现浏览器的全屏和退出全屏

js实现浏览器的全屏和退出全屏关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code /** * 全屏 */ let toFullScreen = () => { let el = document.documentElement; let rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.

2020-09-23 11:33:12 369

原创防抖，节流

防抖和节流关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * @name 防抖 * @param {function} [fn=v=>v] 函数 * @param {number} [dura=50] 时延 */function Debounce(fn = v => v, dura = 50) { let timer = null; return function(...args) { ti

2020-09-22 11:54:32 55

原创获取cookie的值，设置cookie，删除cookie

获取cookie的值，设置cookie，删除cookie关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * 获取cookie 里的值 * @param {String} key */export const getCookie = (key) => { const arr = document.cookie.match(new RegExp(`(^| )${key}=([^;]*)(;|$)`));

2020-09-21 10:20:11 67

原创按类型格式化日期

按类型格式化日期关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code按类型格式化日期/** * 按类型格式化日期 * @param {*} date 具体日期变量 * @param {string} dateType 需要返回类型,包括（'yyyy年mm月dd日'，'yyyy-mm-dd'， * 'yyyy.mm.dd'，'yyyy-mm-dd MM:mm:ss'， 'mm-dd MM:mm:ss'， 'yyyy年mm月

2020-09-18 15:11:04 61

原创颜色格式进行转换

颜色格式进行转换关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code将HEX格式转换为RGBA，RGB格式转换HEX/*** hex转换为RGBA* @param hex 格式颜色* @param opacity 透明度* @return {string}*/function hexToRgbA(hex, opacity = 1) { let c; if (/^#([A-Fa-f0-9]{3}){1,2

2020-09-18 11:09:30 143

原创图片转成base64

图片转成base64关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * 蒋图片转成base64 * width、height调用时传入具体像素值，控制大小 ,不传则默认图像大小 * 可以会有跨域问题，建议是同源 * @param imgSrc 图片地址 * @param width * @param height * @returns {string} */function getBase64Imag

2020-09-17 09:00:03 67

原创将数字转换为大写金额

将数字转换为大写金额关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * 将数字转换为大写金额 */function changeToChinese (Num) { //判断如果传递进来的不是字符的话转换为字符 if(typeof Num == "number") { Num = new String(Num); }; Num = Num.replace(/,

2020-09-16 09:46:35 317

原创获取设备像素比

获取设备像素比关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * 获取设备像素比 * @returns {number} * @example * // window.navigator.appVersion(5.0 (iPhone; CPU iPhone OS 9_1 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Version/9.0 Mobi

2020-09-15 10:23:21 284

原创禁用浏览器的默认行为

禁用浏览器的默认行为关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站http://www.feiaci.com/#/self/code/*** 禁用浏览器的默认行为* 这里用了jquery的绑定事件方法，如果不想用jquery，把绑定事件的方法换成原生就行*/function disableScreenElasticity() { // ios // 禁用不需要的浏览器默认行为 let $win = $(window); // 禁止ios的浏览器容器弹性

2020-09-11 09:27:12 134

原创文本插入到文本区域的光标位置

将文本插入到文本区域的光标位置关于更多公共类的操作方法，可以关注下小滑轮网站 http://www.feiaci.com/#/self/code/** * 将文本插入到文本区域的光标位置 * _应用场景：_如在评论框里，在光标位置里插入emoji等 * @param {object} dom对象 * @param {string} str * @example * <textarea name="textarea" rows="10" cols="50">你好世界~</te

2020-09-10 16:35:11 169

原创正则：手机验证，密码验证

regex 正则表达式关于更多日常使用的公共类的操作方法，可以关注下小滑轮网站http://www.feiaci.com/#/self/code是否由 26 个英文字母组成的字符串是否由 26 个英文字母的大写组成的字符串是否由 26 个英文字母的小写组成的字符串是否为数字是否为中文是否为手机号是否电子邮件是否为座机号是否为身份证密码验证邮政编码是否为qq号是否为金额是否为Url是否为ip严格的身份证校验/** * 是否由 26 个英文字母组成的字符串 * @pa

2020-09-09 14:20:30 121

原创判断是否安卓环境，是否微信环境，是否ios环境

设备环境判断判断是否在微信环境是否安卓环境是否iphone环境是否ios环境（包括iPhone和ipad）是否safari环境是否为windows系统是否为mac系统（包含iphone手机）/*** 判断是否在微信环境* @return {boolean}*/function isWeixin() { // 如果需要可以增加判断电脑版微信和开发者工具:/WindowsWechat/i.test(ua) && /WechatDevTools/i.test(u

2020-09-08 14:05:08 262

原创获取url中的参数, 删除url中参数, 增加url中的参数

URL相关操作获取window.URL 实例获取url中的参数删除url中参数增加url中的参数获取URL里domain返回url的pathNamehttp协议转换为https将dataURL转换为blobblob2DataURL/** * 给定 url, 返回一个 window.URL 实例 * @param url * @returns {*|URL} */function parseUrl(url) { if (url.startsWith('//')) {

2020-09-08 13:55:53 224

weixin_45143156的博客