- 博客(15)
- 收藏
- 关注
RSS订阅转载 音视频混流
音视频混流之前讲过一篇如何通过摄像头获取音视频流并导出的文章。这次要讲的是如何将多个音视频流混合后导出。主要用的API有：MediaRecorder(提供的用来进行媒体轻松录制的接口)getUserMedia(捕获摄像头、麦克音视频流)getAudioTracks（从stream流中获取音频流集合）addTrack（往stream流中增加媒体流）AudioC...
2019-01-06 10:25:00
1399
转载 JS的发布订阅模式
JS的发布订阅模式这里要说明一下什么是发布-订阅模式发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心。这里处理中心相当于报刊办事大厅。发布者相当与某个杂志负责人，他来中心这注册一个的杂志，而订阅者相当于用户，我在中心订阅了这分杂志。每当发布者发布了一期杂志，办事大厅就会通知订阅者来拿新杂志。这样在结合下面的图应该很好理解了。其实就是将发布者和订阅者解耦了，在实际开发...
2018-09-16 11:36:00
318
转载 js的视频和音频采集
js的视频和音频采集今天要写的，不是大家平时会用到的东西。因为兼容性实在不行，只是为了说明下前端原来还能干这些事。大家能想象前端是能将摄像头和麦克风的视频流和音频流提取出来，再为所欲为的么。或者说我想把我canvas画板的内容录制成一个视频，这些看似js应该做不到的事情，其实都是可以做到的，不过兼容性不好。我在这里都是以chrome浏览器举的例子。这里先把用到的api列一下...
2018-08-08 22:56:00
906
转载 Canvas事件绑定
canvas事件绑定众所周知canvas是位图，在位图里我们可以在里面画各种东西，可以是图片，可以是线条等等。那我们想给canvas里的某一张图片添加一个点击事件该怎么做到。而js只能监听到canvas的事件，很明显这个图片是不存在与dom里面的图片只是画在了canvas里而已。下面我就来简单的实现一个canvas内部各个图片的事件绑定。我先来讲下实现原理：其实就是canvas绑定...
2018-06-22 13:33:00
431
转载 JS继承的一些见解
JS继承的一些见解js在es6之前的继承是五花八门的。而且要在项目中灵活运用面向对象写法也是有点别扭，更多的时候还是觉得面向过程的写法更为简单，效率也高。久而久之对js的继承每隔一段时间就会理解出现困难。所以这次我要把对对象的理解写下来，这样应该就深刻一点了。我们先来看看一个对象是怎么生成的// 三种创建对象的方法var obj = {}var obj2 = new Obj...
2018-04-17 15:21:00
309
转载 写一个vue组件
写一个vue组件我下面写的是以.vue结尾的单文件组件的写法，是基于webpack构建的项目。如果还不知道怎么用webpack构建一个vue的工程的，可以移步到vue-cli。一个完整的vue组件会包括一下三个部分：template：模板js： 逻辑css ： 样式每个组件都有属于自己的模板，js和样式。如果将一个页面比喻成一间房子的话，组件就是房子里的客厅、卧室、厨房...
2018-04-09 12:47:00
269
转载 移动端tab滑动和上下拉刷新加载
移动端tab滑动和上下拉刷新加载查看demo（请在移动端模式下查看）查看代码开发该插件的初衷是，在做一个项目时发现现在实现移动端tab滑动的插件大多基于swiper，swiper的功能太强大而我只要一个小小的tab滑动功能，就要引入200+k的js这未免太过浪费。而且swiper是没有下拉刷新功能的，要用swiper实现下拉刷新还得改造一番。在实现功能的同时产生了不少bug。要是...
2018-03-17 13:41:00
394
转载 vue-过滤器filter
vue-过滤器filtervue的过滤器一般在JavaScript 表达式的尾部，由“|”符号指示：过滤器可以让我们的代码更加优美，一般可以用在时间格式化，首字母大写等等。例如：{{ date | dateFormat }}这是过滤器的写法；{{ dateFormat(date) }}这是函数调用的写法可以看出过滤器的写法更加语义化，让人一眼可以看出它的含义。<!-- 在...
2018-03-13 22:19:00
206
转载 canvas-缩放
Canvas-图片缩放由上一篇canvas-旋转的例子可以了解到canvas的一些特性，不熟悉的同学可以先去看看canvas-旋转。我们在将图片引入canvas时，图片会一原始像素渲染。这样往往不是我们想要的大小。这时就要用到canvas的scale(x, y)方法：如果您对绘图进行缩放，所有之后的绘图也会被缩放。定位也会被缩放。如果您 scale(2,2)，那么绘图将定位...
2018-02-28 21:51:00
216
转载 Canvas-图片旋转
Canvas-图片旋转众所周知canvas是位图，你可以在里面渲染你要的东西，不过你只能操作canvas的属性来进行编辑。就是说你并不能操作画进canvas的东西，例如我在canvas里添加一幅画，我现在想将那幅画移动10px，我们并不能直接操作那幅画，因为我们根本获取不到那幅画的任何信息。我们永远只能获取到的是canvas对象。那问题来了，我要怎么旋转图片其实canvas...
2018-01-13 15:38:00
328
转载 js获取图片的EXIF，解决图片旋转问题
相信大家在做项目的时候会遇到在canvas里加入图片时，图片发生90°，180°的旋转。当时的你肯定时懵逼的，为毛。其实这就是图片的EXIF搞的鬼。什么是EXIF简单来说，Exif 信息就是由数码相机在拍摄过程中采集一系列的信息，然后把信息放置在我们熟知的 JPEG/TIFF 文件的头部，也就是说 Exif信息是镶嵌在 JPEG/TIFF 图像文件格式内的一组拍摄参数，它就好像是...
2018-01-01 18:50:00
641
转载 js获取地址栏URL上的参数
获取地址栏上的URL参数现在最简单通用的方法应该就是下面这种了。function getUrlParam (name) { var reg = new RegExp('(^|&)' + name + '=([^&]*)(&|$)'); var r = window.location.search.substr(1).match(reg); ...
2017-12-16 15:54:00
184
转载 图片布局css
对于平时项目开发中，经常要展示图片。什么水平居中显示，垂直居中显示，水平或垂直居中显示...我们的发际线就是这样往后退的。接下来要讲的就是对于各种图片布局的css实现（这里针对的是img标签的不会使用到background）1.最简单的水平居中 <style> .exa1{ width: 500px; height: 300...
2017-12-10 14:00:00
123
转载 vue2入门之vue-cli
vue-clivue在web前端可谓是大放异彩，尤其在国内与angular、react有三足鼎立之势。很多人想入门vue2而又苦于不知从何下手。因为vue2是以组件化开发的，最好要搭配webpack构建工具开发，而webpack很多人还不能独立配置。而vue-cli脚手架就能很好解决这一问题。即使你对webpack还不是很了解，你也可以先搭建好项目在慢慢研究。因为cli已经全部帮...
2017-12-03 14:44:00
133
转载 js导出excel
js导出Excel的方法利用html的table表格的格式书写想要的excel格式获取table的内容并组装成一个xls格式的字符串利用Blob对象生成一个xls格式的文件利用a标签的download属性创建文件名，并下载到本地例子：js导出Exceltable表格内容先写一个正常的html表格<!DOCTYPE html><html lang=...
2017-12-02 11:17:00
207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人