前言 最近在做一个项目，需要对webRTC录制的音频进行处理，包括音频的裁剪、多音频合并，甚至要将某个音频的某一部分替换成另一个音频。 原本笔者打算将这件工作交给服务端去完成，但考虑，其实无论是前端还是后台，所做的工作是差不多的，而且交给服务端还需要再额外走一个上传、下载音频的流程，这不仅增添了服务 ...
分类：
其他好文 时间：
2020-12-17 12:48:10
阅读次数：
2
拖拽的实现 在html5还未普及之前，实现元素的拖拽还算是一件比较麻烦的事，大概思路就是监听鼠标移动相关事件，下面是伪代码 odiv.onmousedown = function(ev){ //记录起始位置 } document.onmousemove = function(ev){ //移动目标元 ...
分类：
其他好文 时间：
2020-12-17 12:44:20
阅读次数：
2
开始 1.相关技术 本示例主要使用了 WebRTC 和 WebSocket： WebRTC（Web Real-Time Communication）即网页即时通信，是一个支持网页浏览器进行实时语音对话或视频对话的API。 WebSocket是一种在单个TCP连接上进行全双工通信的协议。在 WebSo ...
分类：
Web程序 时间：
2020-12-17 12:40:19
阅读次数：
3
1、使用meta标签：viewport H5移动端页面自适应普遍使用的方法，理论上讲使用这个标签是可以适应所有尺寸的屏幕的，但是各设备对该标签的解释方式及支持程度不同造成了不能兼容所有浏览器或系统。 viewport 是用户网页的可视区域。翻译为中文可以叫做"视区"。 手机浏览器是把页面放在一个虚拟 ...
分类：
移动开发 时间：
2020-12-17 12:38:29
阅读次数：
3
浏览器如何获取音视频流 答：用webrtc的navigator.getUserMedia方法，方法体里主要是写下面两句话： video.src = window.URL.createObjectURL(stream); video.srcObject = stream; 这两句的作用都是获取用户音视 ...
分类：
Web程序 时间：
2020-12-17 12:25:13
阅读次数：
4
什么是WebRTC WebRTC是一个由Google发起的实时通讯解决方案，其中包含视频音频采集，编解码，数据传输，音视频展示等功能，我们可以通过技术快速地构建出一个音视频通讯应用。 虽然其名为WebRTC，但是实际上它不光支持Web之间的音视频通讯，还支持Android以及IOS端，此外由于该项目 ...
分类：
Web程序 时间：
2020-12-17 12:14:48
阅读次数：
2
HTML 全局属性 H5 = HTML5 中添加的属性。 属性描述 accesskey 规定激活元素的快捷键。 class 规定元素的一个或多个类名（引用样式表中的类）。 contenteditable H5 规定元素内容是否可编辑。 contextmenu H5 规定元素的上下文菜单。上下文菜单在 ...
分类：
Web程序 时间：
2020-12-16 11:53:39
阅读次数：
5
HTML DOM Dialog 对象 Dialog 对象 Dialog 对象是HTML5新增的新对象。 Dialog 对象表示 HTML <dialog> 元素。 注意： 目前只有Chrome Canary，Safari 6 浏览器支持 <dialog> 元素。 尝试一下 Dialog 对象属性 属 ...
分类：
其他好文 时间：
2020-12-16 11:51:01
阅读次数：
4
# Bootstrap， ## 一、Bootstrap简介 ### 1. Bootstrap是什么？ ? Bootstrap是Twitter推出的一个开源的前端开发框架 ? 基于HTML、CSS、JavaScript，代码简洁、视觉优美，用来快速开发基于PC及移动端的Web页面，更迅速、简单 ? B ...
分类：
其他好文 时间：
2020-12-15 12:42:46
阅读次数：
4
大家知道TSINGSEE青犀视频运维的开源平台是EasyDarwin，我们很多优秀的业主都用EasyDarwin实现了自己的需求，也代表了大家对EasyDarwin开源平台的认可。 当然了，除了EasyDarwin之外也有很多很棒的开源平台，我们TSINGSEE青犀视频团队也在不断开拓这些开源平台的 ...
分类：
Web程序 时间：
2020-12-08 12:16:02
阅读次数：
10
