分享模板插件精品好资源
现在位置:首页 > 网站设计 > html5mediastream在线生成GIF动画

html5mediastream在线生成GIF动画

作者:蓝叶 分类:网站设计 时间:2012-11-09 浏览:9730 评论:1

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>

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
简单
简单游客
#1
试了一下,这个太强了。
2012-11-09 15:56回复