蓝叶博客

html5mediastream在线生成GIF动画

IE6已死，HTML5浏览器已成主流，HTML5的技术也在飞速的发展中，利用HTML5代码可以做到很多超炫超酷的特效，昨晚在网上搜索看HTML5的一些属性，无意间看到了MediaStream的应用，在页面里放入代码，可以直接连接并打开本地的摄像头，这真的很酷，就把这串代码分享出来，想尝试的网页设计者们可以试试这个HTML5的MediaStream应用，需要在线打开放代码的页面，本地测试无效，你的浏览器必须为Chrome19版本以上才行。

演示可以在线录制并生成GIF动画：https://lanyes.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://lanyes.org/web/297.html
• 上篇文章：腾讯微博做挑战任务抽IPAD活动
• 下篇文章：免费分享Dnspod三周年送的VIP友情体验卡
• HTML5