06 2017 档案

Canvas drawImage
摘要：drawImage() 方法在画布上绘制图像、画布或视频。 drawImage() 方法也能够绘制图像的某些部分，以及/或者增加或减少图像的尺寸。 这个方法有三张传参模式，3个参数，5个参数，9个参数 3个参数 被画的图片不进行裁切和压缩，原大小绘制到canvas上。 x, y 表示绘制到canva 阅读全文
posted @ 2017-06-30 18:25 小小呱呱蛙 阅读(770) 评论(0) 推荐(0)
png8 png24 png32
摘要：解释 PNG8 ： 8位的PNG最多支持256（2的8次方）种颜色，8位的PNG支持不透明、索引透明、alpha透明。 PNG24 ： 支持2的24次方种颜色，表现为 不透明 。PS导出PNG24是会根据你是否需要半透明选择PNG24还是PNG32，所以你导出的有半透明的PNG24实际上是有alph 阅读全文
posted @ 2017-06-30 17:51 小小呱呱蛙 阅读(812) 评论(0) 推荐(0)
前端多媒体（6）—— 视音频编解码技术基础
摘要：参考资料 "I,P，B帧和PTS，DTS的关系" "[总结\]视音频编解码技术零基础学习方法" 以下是学习总结 播放器的原理 先说播放器处理视频的流程 图片来源 "[总结\]视音频编解码技术零基础学习方法" 解协议：针对视频源不在本地的情况，HTTP，RTMP 解封装： 输入的封装格式的数据，分离成 阅读全文
posted @ 2017-06-30 16:08 小小呱呱蛙 阅读(1537) 评论(0) 推荐(0)
Meta viewport 学习整理
摘要：The meta viewport tag contains instructions to the browser in the matter of viewports and zooming. In particular, it allows web developers to set the 阅读全文
posted @ 2017-06-29 19:05 小小呱呱蛙 阅读(353) 评论(0) 推荐(0)
前端多媒体（5）—— 图片滤镜的实现
摘要：步骤 异步获取图片内容 使用drawImage将图片画到canvas 使用getImageData方法获取图片的RGBA信息 使用滤镜算法处理RGBA信息 使用toDataURL方法获取canvas的base64信息 将base64赋值image 预览地址: https://young cowboy 阅读全文
posted @ 2017-06-27 16:59 小小呱呱蛙 阅读(1335) 评论(0) 推荐(0)
前端多媒体（4）—— video标签全面分析
摘要：测试地址：https://young cowboy.github.io/gallery/html5_video/index.html 属性 一些属性是只读的，一些属性是可以修改从而影响视频播放的。 autoplay：视频会马上自动开始播放，不会停下来等着数据载入结束。 值可以是：autoplay；空 阅读全文
posted @ 2017-06-25 21:59 小小呱呱蛙 阅读(1229) 评论(0) 推荐(0)
前端多媒体（3）—— 处理二进制数据
摘要：如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。这篇文章主要是记录和汇总。前端处理二进制数据用到的一些方法和联系。 Base64 btoa atob String.fromCharCode() string.charCodeAt(index) string.chatAt 阅读全文
posted @ 2017-06-25 15:31 小小呱呱蛙 阅读(3210) 评论(0) 推荐(0)
前端多媒体（2）—— xhr异步接收处理二进制数据
摘要：有时我们需要把远程的视频、图片数据异步下载下来，然后在js里进行特殊处理。比如把VR的图片特殊处理，把不同封装格式的视频做一次 处理等等，这类操作都要先获取二进制数据，然后特殊处理。 这个时候就需要用到 2.0 的 属性了。 XMLHttpRequest.responseType 属性是一个枚举值， 阅读全文
posted @ 2017-06-24 21:04 小小呱呱蛙 阅读(2621) 评论(0) 推荐(0)
babel-runtime 和 babel-polyfill
摘要：Babel 默认只转换新的 JavaScript 语法 https://excaliburhan.com/post/babel preset and plugins.html babel plugin transform runtime：babel打包的一个plugin，用来把babel runti 阅读全文
posted @ 2017-06-14 16:50 小小呱呱蛙 阅读(3139) 评论(0) 推荐(0)