zhishaofei3

2020年3月11日

摘要：前言上一章地址： web音频流转发之音频源下一张地址：web音频流转发之音视频直播在这一章我说几个我们需要用到的音频处理模块也就3个吧，包括我们转发流是需要用到的核心模块。更多模块请看MDN，或者看HTML5音频API Web Audio也有一些中文讲解，希望大家多多支持。概述 AudioNod 阅读全文

posted @ 2020-03-11 21:43 zhishaofei3 阅读(784) 评论(0) 推荐(0)

HTML5新特性之WebRTC(音视频数据交互)

摘要： 1、概述 WebRTC是“网络实时通信”（Web Real Time Communication）的缩写，它主要用来让浏览器实时获取和交换视频、音频和数据。 WebRTC共分三个API。 MediaStream（又称getUserMedia） RTCPeerConnection RTCDataCha 阅读全文

posted @ 2020-03-11 20:47 zhishaofei3 阅读(2889) 评论(1) 推荐(0)

immetypes mediarecorder

摘要： video/webm video/webm;codecs=vp8 video/webm;codecs=vp9 video/webm;codecs=vp8.0 video/webm;codecs=vp9.0 video/webm;codecs=h264 video/webm;codecs=H264 v 阅读全文

posted @ 2020-03-11 20:31 zhishaofei3 阅读(516) 评论(0) 推荐(0)

html5 录制/保存视频/录音

摘要：国内这方面的资料真少的可怜,翻出去一搜一大把,推荐一个github的插件库,非常强大,支持各种各样的录制方式. 下载完成之后,引用对应的js立即可以使用. <script src="RecordRTC/RecordRTC.js"></script> <script src="part-of-scre 阅读全文

posted @ 2020-03-11 20:02 zhishaofei3 阅读(1921) 评论(0) 推荐(0)

2020年3月9日

HTML5调用摄像头录制视频

摘要： HTML5调用摄像头录制视频不支持ie，ie下不支持webrtc，无法使用navigator.getUserMedia调用摄像头 <!DOCTYPE html> <html> <head> <title>video recoder</title> <script src="fileSaver.js" 阅读全文

posted @ 2020-03-09 15:10 zhishaofei3 阅读(5936) 评论(1) 推荐(1)

绝对定位元素根据元素宽度自适应自身宽度

摘要：绝对定位元素根据元素宽度自适应自身宽度最近在做这样一个下拉框，如果只设置绝对定位，宽度写100%的话，会遵循父级宽度的100%，但是文字实际上不够宽度，那么如果想根据子元素的宽度自适应，实现下图的效果，就需要加下面的样式。 .mp3-info-status { position: relativ 阅读全文

posted @ 2020-03-09 11:27 zhishaofei3 阅读(2938) 评论(0) 推荐(0)

2020年2月10日

纯 CSS 实现高度与宽度成比例的效果

摘要：近在做一个产品列表页面，布局如右图所示。页面中有若干个 item，其中每个 item 都向左浮动，并包含在自适应浏览器窗口宽度的父元素中。 item 元素的 CSS 定义如下： .item { float: left; margin: 10px 2%; width: 21%; } 这时遇到的一个需求阅读全文

posted @ 2020-02-10 21:39 zhishaofei3 阅读(1779) 评论(0) 推荐(0)

vue-cli 3.x中@路径提示Module is not installed

摘要：错误显示IDEA中Vue项目引入的路径@路径格式中提示Module is not installed 问题原因vue3中没有了 webpack.config.js 文件IDEA找不到这个文件了,所以提示这个信息解决方式双击shift键,打开全局搜索,输入webpack 选择红框中的webpack点击阅读全文

posted @ 2020-02-10 13:23 zhishaofei3 阅读(1682) 评论(0) 推荐(0)

2019年12月18日

前端微服务初试（singleSpa）

摘要： 1.基本概念实现一套微前端架构，可以把其分成四部分（参考：https://alili.tech/archive/11052bf4/）加载器：也就是微前端架构的核心，主要用来调度子应用，决定何时展示哪个子应用，可以把它理解成电源。包装器：有了加载器，可以把现有的应用包装，使得加载器可以使用它们阅读全文

posted @ 2019-12-18 15:41 zhishaofei3 阅读(1498) 评论(0) 推荐(0)

2019年12月5日

nginx中location的顺序(优先级)及rewrite规则写法

摘要：一、location正则写法一个示例： = 开头表示精确匹配; 如: A 中只匹配根目录结尾的请求，后面不能带任何字符串.^~ 开头表示uri以某个常规字符串开头，不是正则匹配;~ 开头表示区分大小写的正则匹配;~* 开头表示不区分大小写的正则匹配;/ 通用匹配, 如果没有其它匹配,任何请求都会匹阅读全文

posted @ 2019-12-05 14:56 zhishaofei3 阅读(5203) 评论(0) 推荐(0)

任何事情都是从复杂到简单

公告