前端 JavaScript 打包和解压 Zip 文件 2022年07月02日 Mr. Ma 3106 最近写了个网页版的文件批量处理工具,在本地浏览器端处理完成后只能生成多个下载链接导出文件,比较麻烦,要是能打包文件,一次导出就会方便一些。一般大多数后端语言都会内置有处理 Zip 文件的库,PHP 有 ZipArchive 库,Node.js 有 zli... 阅读全文 0 评论
网页内容禁止拷贝的实现方式 2022年06月25日 Mr. Ma 997 一些博客网站和写作平台,当你准备拷贝内容的时候可能会发现文字无法被选中,也无法使用 Ctrl + C 或右键拷贝。实现禁止拷贝的方式也很简单,主要就是禁止选择内容,禁止弹出右键菜单,触发拷贝事件的时候阻止拷贝。下面就使用 CSS + JS 实现禁止拷贝,... 阅读全文 0 评论
JavaScript 使用 Axios 发送 GET 和 POST 请求 2022年06月12日 Mr. Ma 2408 Axios 是一个基于 Promise 的网络请求库,它可以用于浏览器端和 Node.js。在浏览器端使用的是 XMLHttpRequest 来发送请求,在 Node.js 使用的是 HTTP 模块。因为 Axios 使用到了 ES6 以上的语法和特性,... 阅读全文 0 评论
JavaScript 实现图片框选裁剪 2022年06月08日 Mr. Ma 2071 很多网站和 App 在上传头像的时候,如果图片的长宽比不一样,就需要选择区域裁剪为正方形。在很早以前,基本上只能在前端选择裁剪区域,发到服务器裁剪,现在随着浏览器的功能越来越强大和用户设备性能的提升,基本上可以在前端裁剪完再上传。这里简单实现图片的框选和... 阅读全文 0 评论
JavaScript 浏览器调用摄像头拍摄视频 2022年05月24日 Mr. Ma 1753 之前写了 浏览器调用麦克风录制音频 和 调用摄像头拍摄照片 ,这里就继续来调用摄像头拍摄视频。拍摄视频和录制音频的方法其实是差不多的,使用的也是 MediaRecorder 媒体录制接口,录制音频只需要申请麦克风,录制视频需要同时申请麦克风和摄像头。下面... 阅读全文 0 评论
JavaScript 浏览器调用摄像头拍摄照片 2022年05月20日 Mr. Ma 1836 调用摄像头拍照对于网页来说用的不多,在手机上 file 表单直接就可以选择相机拍照,PC 上也是直接选择文件上传。最近对于调用传感器之类的比较感兴趣,之前写了调用麦克风录音,这里继续来写调用摄像头。拍摄照片下面简单实现预览摄像头画面、拍照、显示拍摄的照片... 阅读全文 0 评论
JavaScript 浏览器调用麦克风录音 2022年05月19日 Mr. Ma 3075 在前端网页中,录音功能一般常用于语音输入,例如 Google翻译的语音输入,YouTube 的语音搜索。相比桌面客户端和手机 App 来说网页的录音用的要少一些,但现在越来越多的桌面应用程序都使用 Electron 开发,手机 App 也会用到 Webv... 阅读全文 2 评论
CSS 和 JS 根据系统主题配色模式自动切换网页配色模式 2022年05月16日 Mr. Ma 1336 在 YouTube 的菜单中有一项外观设置,这里可以设置 YouTube 的网页配色,包括 深色主题、浅色主题、使用设备主题,这里的使用设备主题就是根据系统的主题配色来调整网页配色。目前的 Android 和 iOS 都有深色模式,开启深色模式后系统应用... 阅读全文 0 评论
PotPlayer 使用百度翻译实时翻译外文字幕 2022年01月10日 Mr. Ma 4819 YouTube 有一个比较实用的功能,只要视频中有单独的 CC字幕就可以直接使用 Google 翻译把字幕翻译为能看懂的语言,自动识别的字幕也能翻译。对于英语不太好的观众和一些小语种视频也能大概看懂内容。PotPlayer 是一个功能比较强大的视频播放器... 阅读全文 0 评论
Typecho 主题开发 - 获取网站统计数据 2021年11月07日 Mr. Ma 2961 在我的博客中有一个 博客统计 页面,这个页面可以显示网站的一些基本数据,我开发的 Typecho 主题中也包含统计页模板,这里就来简单写一下获取各种统计信息的方法。这里主要是网站的统计信息,不包含浏览用户的统计信息,如果需要浏览用户的统计信息可以使用百度... 阅读全文 5 评论