程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 數據庫知識 >> MYSQL數據庫 >> MySQL綜合教程 >> Mysql刪除反復的數據 Mysql數據去反復

Mysql刪除反復的數據 Mysql數據去反復

編輯:MySQL綜合教程

Mysql刪除反復的數據 Mysql數據去反復。本站提示廣大學習愛好者:(Mysql刪除反復的數據 Mysql數據去反復)文章只能為提供參考,不一定能成為您想要的結果。以下是Mysql刪除反復的數據 Mysql數據去反復正文


挪動裝備和桌面電腦上的客戶端API起先其實不是同步的。最後老是挪動裝備上先具有某些功效和響應的API,但漸漸的,這些API會湧現在桌面電腦上。個中一個運用接口技巧就是getUserMedia API,它能讓運用開辟者拜訪用戶的攝像頭或內置相機。上面就讓我展現一下若何經由過程閱讀器來拜訪你的攝像頭,並提取截屏圖形。

HTML代碼

上面的代碼裡我寫了一部門正文,請浏覽:


<!--
幻想情形下我們應當先斷定你的裝備上能否
有攝像頭或相機,但簡略起見,我們在這裡直接
寫出了HTML標志,而不是用JavaScript先斷定
然後靜態生成這些標志
-->
<video id="video" width="640" height="480" autoplay></video>
<button id="snap">Snap Photo</button>
<canvas id="canvas" width="640" height="480"></canvas>
在寫出下面這些標志前應當斷定用戶的客戶端能否有攝像頭支撐,但這裡為了不那末費事,這裡直接寫出了這些HTML標志,須要留意的是我們這裡應用的長寬是640×480。

JavaScript代碼

由於我們是手工寫出的HTML,所以上面的js代碼會比你想象的要簡略了許多。


// Put event listeners into place
window.addEventListener("DOMContentLoaded", function() {
// Grab elements, create settings, etc.
var canvas = document.getElementById("canvas"),
context = canvas.getContext("2d"),
video = document.getElementById("video"),
videoObj = { "video": true },
errBack = function(error) {
console.log("Video capture error: ", error.code);
};
// Put video listeners into place
if(navigator.getUserMedia) { // Standard
navigator.getUserMedia(videoObj, function(stream) {
video.src = stream;
video.play();
}, errBack);
} else if(navigator.webkitGetUserMedia) { // WebKit-prefixed
navigator.webkitGetUserMedia(videoObj, function(stream){
video.src = window.webkitURL.createObjectURL(stream);
video.play();
}, errBack);
}
else if(navigator.mozGetUserMedia) { // Firefox-prefixed
navigator.mozGetUserMedia(videoObj, function(stream){
video.src = window.URL.createObjectURL(stream);
video.play();
}, errBack);
}
}, false);
一旦斷定出用戶閱讀器支撐getUserMedia ,上面就異常簡略了,只須要將誰人video元素的src設置為用戶的攝像頭視頻直播銜接。這就是用閱讀器拜訪攝像頭須要做的一切的工作!

攝影的功效只能說是略微龐雜一點點。我們在按鈕上參加一個監聽器,將視頻畫面畫到畫布上。


// 觸發攝影舉措
document.getElementById("snap")
.addEventListener("click", function() {
context.drawImage(video, 0, 0, 640, 480);
});
固然,你還可以在圖片上加一些濾鏡後果….

之前我們須要應用第三方的插件能力從閱讀器裡拜訪用戶的攝像頭,這難免有些龐雜。如今只須要HTML5的畫布技巧和javaScript,我們就可以簡略疾速的操感化戶的攝像頭。不只僅照樣拜訪攝像頭,並且是由於HTML5的畫布技巧及其壯大,我們可以給圖片上參加各類誘人的濾鏡後果。如今,在閱讀器裡用本身的攝像頭給本身拍張照片吧!

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved