html5 canvas自由拼图

html5 canvas自由拼图 html5 canvas自由拼图
自由拼图?自由拼图是美图秀秀中的一个功能,它可以让用户在背景图片上插入自己的图片,并可以对插入图片旋转,拖拽,缩放。当然,如果用户对插入的图片不满意,可以用另一张图片替换选中的图片,或者删除选中图片。效果这里用html5的canvas实现。...
7年前 (2018年05月11日) 1486 0 【编程】

借助MediaSource和SourceBuffer来实现webm格式视频的分片传输

借助MediaSource和SourceBuffer来实现webm格式视频的分片传输 借助MediaSource和SourceBuffer来实现webm格式视频的分片传输
当视频较大时会产生相当长时间的延迟(具体延迟时间由网络状况和视频文件大小决定);因此开始尝试视频的切片传输。基于没有过多的音视频编码基础,所以尝试了对webm格式视频的强制型切片传输。之所以选择webm格式的视频,一是webm格式被html5和目前大多数浏览器所支持,二是webm格式视频相对编码方式比较单一,所使用的codec比较单一,所以在添加sourcebuffer时直接使用addSourceBuffer('video/webm;codecs=...
7年前 (2017年10月18日) 2015 0 【编程】

H5流式播放(FMP4转封装与mediaSource)

H5流式播放(FMP4转封装与mediaSource) H5流式播放(FMP4转封装与mediaSource)
mediaSource接口的介绍W3C上有明确关于mediaSource扩展接口的文档。mediaSource扩展文档中是这么定义的,它允许JS脚本动态构建媒体流用于和,允许JS传送媒体块到H5媒体元素。这种接口的应用可以让h5播放器实现持续添加数据进行播放。做as的朋友都知道as中的appendBytes方法,一种添加二进制数据进行播放的方式。这两种接口在概念上是类似的。只是里面的定...
7年前 (2017年10月18日) 3135 0 【编程】

Web API 接口 MediaSource

    Web API 接口   MediaSource     Web API 接口   MediaSource
MediaSource是MediaSourceExtensionsAPI表示媒体资源...
7年前 (2017年10月18日) 1825 0 【编程】

Javascript FileReader - Web API 接口

Javascript FileReader - Web API 接口 Javascript FileReader - Web API 接口
FileReader对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用File或Blob对象指定要读取的文件或数据。其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的DataTransfer...
7年前 (2017年08月19日) 1609 0 【编程】

js浏览器桌面通知Notification实现浏览器通知功能

js浏览器桌面通知Notification实现浏览器通知功能 js浏览器桌面通知Notification实现浏览器通知功能
概述NotificationAPI是浏览器的通知接口,用于在用户的桌面(而不是网页上)显示通知信息,桌面电脑和手机都适用,比如通知用户收到了一封Email。具体的实现形式由浏览器自行部署,对于手机来说,一般显示在顶部的通知栏。...
8年前 (2017年03月18日) 2423 0 【编程】