lipten主页

概述本文讲的是利用WebRTC中的RTCPeerConnection的能力如何实现P2P通信的，在文末还有demo实现了P2P传输文件的应用，P2P传输文件的好处就是可以在同一内网的两台机器直接通过内网传输。 本文涉及的技术点会有点多，我会先从介绍WebRTC和P2P开始，然后围绕WebRTC建立P2P连接的过程了解所有的具体内容。 WebRTC简介webrtc是为浏览器提供实现实时音视频通... 阅读全文…

这个项目是我在公司做的项目，在这里只是分享开发经验心得，与具体业务和源代码无关，如果有听不明白的地方可能是为了保守起见，望见谅。 项目介绍前端开发的有3个项目： 后台项目：后台用户从组件库中选择组件组合成一个落地页，前端生成页面配置(json)，调用构建服务生成文件并上传cdn 构建服务：构建服务是由后台点击发布时触发自动化构建，利用服务端预渲染生成静态文件+客户端逻辑js打包cdn加... 阅读全文…

其实这个项目在去年就已经写好的了，只是没想好要达到什么样的一个形态来公布出来🤔，而现在也没想好😂，所以干脆还是发出来分享给大家吧，本文只是介绍这个项目，不开源代码，但这个项目是在市面上几乎没有同款的产品创意，如果觉得这个创意有价值的话可以找我合作🤝。 Demo演示先附上demo链接：https://x.codeasily.net/，demo写的比较随意，还容易出bug，为保证稳定，... 阅读全文…

前言书接上回，上一篇《音频处理之文件编码与解码（一）》讲的是关于PCM格式的编码与解码实现，本文有些代码用到了上一篇的代码，建议先看完上一篇再看这篇。 其实PCM文件只是最原始的波形音频文件，大部分客户端不能直接播放PCM文件，而我们这次要讲的WAV格式和MP3格式的编码解码实现，这两种文件格式可以说是市面上最常见的两种音频文件格式，有较好的兼容性和认可度。 WAV WAVE是录音时用的标准... 阅读全文…

前言本文讲述的编码指的是PCM编码，PCM 即脉冲编码调制 (Pulse Code Modulation)。在PCM 过程中，将输入的模拟信号进行采样、量化和编码，用二进制进行编码的数来代表模拟信号的幅度 ；接收端再将这些编码还原为原来的模拟信号。即数字音频的 A/D 转换包括三个过程 ：采样，量化，编码。 翻译成人话就是从一段录音里按一定的采样频率取到一组二进制数据（模拟信号的幅度[-1,... 阅读全文…

前一阵子一直在做CodeasilyX这个项目的音频处理的工作，由于对音频信号处理方面的技术欠缺，花了大量的时间在这个项目核心功能无关的音频功能上，但收获很多，学习到了很多音频处理的技术实现，所以在这里做个记录。 音频处理之变音变调 一段声音可以理解为多种频率正弦波的叠加，而音调就是一段声音的主要频率。改变了主要频率，就是改变了音调——提高了主要频率，就是升调，反之亦然。 一开始我找了很... 阅读全文…

这篇博客是我在开发一个“音频文件拼接录音及裁剪”功能过程中的笔记，因为学习到了很多没接触过的内容，所以在这里做个记录，这不是个教程贴，文中不涉及业务代码，只有一小部分核心代码用来解释我描述的内容而已，基本上是给我自己看的哈哈。 本文是讲我在做个人项目中开发中涉及到的一个小需求，主要实现下面4个功能： 实现录制音频的基本功能，录制一段开始到结束的音频，并能导出文件形式； 可以对录制好的音... 阅读全文…

本次分享是对之前写的个人项目CodeasilyX进行一个回顾分享，主要是为了记录这些值得分享的经验，本文只涉及核心代码分享，不包括完整实现和样式实现，重在理解，不为copy。 本文指的简单的ide文件管理组件是CodeasilyX里面的那个文件管理组件，因为是自己业余时间纯手写的，只有一些基础功能，操作性功能有：新建文件、新建文件夹、删除文件、重命名，辅助性功能有：文件名排序、文件夹展开... 阅读全文…

实现局域网https域名访问内网服务 本文内容有两个部分：1.搭建本地https域名访问、2.实现局域网内其他设备可访问。\\其中”搭建本地https域名访问”部分转载自《MacOS下自己创建根证书和域SSL证书实现https调试》文章。 搭建本地https域名访问先实现本地可通过https及自定义域名访问到本地的服务，我的系统是MacOS，实现步骤如下： 创建根ssl证书 信任证书 生... 阅读全文…

前言相信很多人看了标题都觉得一脸懵逼，我就不卖关子用人话解释一下吧：就是在某些情况(需求)下的服务端渲染应用需要获取客户端的某些参数(window.innerWidth之类的)使服务端首屏渲染能够响应适合的内容(根据window.innerWidth做响应式网站) 这种需求还是有的，比如rem布局，需要客户端加载js获取当前窗口宽度来设置根元素的font-size，对于我来说，以前开发都是客... 阅读全文…