html5mediastream在线生成GIF动画
IE6已死,HTML5浏览器已成主流,HTML5的技术也在飞速的发展中,利用HTML5代码可以做到很多超炫超酷的特效,昨晚在网上搜索看HTML5的一些属性,无意间看到了MediaStream的应用,在页面里放入代码,可以直接连接并打开本地的摄像头,这真的很酷,就把这串代码分享出来,想尝试的网页设计者们可以试试这个HTML5的MediaStream应用,需要在线打开放代码的页面,本地测试无效,你的浏览器必须为Chrome19版本以上才行。
演示可以在线录制并生成GIF动画:https://lanye.org/demo/HTML5MediaStream/
<video id="v" autoplay></video> <script> navigator.webkitGetUserMedia({video:true}, function(stream){ document.getElementById("v").src = webkitURL.createObjectURL(stream); }, function(error){ console.log("不支持媒体流~ ", error); }); </script>
- 版权申明:此文如未标注转载均为本站原创,自由转载请表明出处《蓝叶》。
- 本文网址:https://lanye.org/web/297.html
- 上篇文章:腾讯微博做挑战任务抽IPAD活动
- 下篇文章:免费分享Dnspod三周年送的VIP友情体验卡

简单2012-11-09 15:56回复
#1
试了一下,这个太强了。