整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          前端大神技術分享-HTML5控制攝像頭

          動設備和桌面電腦上的客戶端API起初并不是同步的。最初總是移動設備上先擁有某些功能和相應的API,但慢慢的,這些API會出現在桌面電腦上。其中一個應用接口技術就是getUserMedia API,它能讓應用開發者訪問用戶的攝像頭或內置相機。下面就讓我展示一下如何通過瀏覽器來訪問你的攝像頭,并提取截屏圖形。下面的代碼里我寫了一部分注釋,請閱讀:

          1. <!--

          2. 理想情況下我們應該先判斷你的設備上是否

          3. 有攝像頭或相機,但簡單起見,我們在這里直接

          4. 寫出了HTML標記,而不是用JavaScript先判斷

          5. 然后動態生成這些標記

          6. -->

          7. <videoid="video"width="640"height="480" autoplay></video>

          8. <buttonid="snap">Snap Photo</button>

          9. <canvasid="canvas"width="640"height="480"></canvas>

          在寫出上面這些標記前應該判斷用戶的客戶端是否有攝像頭支持,但這里為了不那么麻煩,這里直接寫出了這些HTML標記,需要注意的是我們這里使用的長寬是640×480。

          JavaScript代碼

          因為我們是手工寫出的HTML,所以下面的js代碼會比你想象的要簡單了很多。

          1. // Put event listeners into place

          2. window.addEventListener("DOMContentLoaded", function() {

          3. // Grab elements, create settings, etc.

          4. var canvas = document.getElementById("canvas"),

          5. context = canvas.getContext("2d"),

          6. video = document.getElementById("video"),

          7. videoObj = { "video": true },

          8. errBack = function(error) {

          9. console.log("Video capture error: ", error.code);

          10. };

          11. // Put video listeners into place

          12. if(navigator.getUserMedia) { // Standard

          13. navigator.getUserMedia(videoObj, function(stream) {

          14. video.src = stream;

          15. video.play();

          16. }, errBack);

          17. } elseif(navigator.webkitGetUserMedia) { // WebKit-prefixed

          18. navigator.webkitGetUserMedia(videoObj, function(stream){

          19. video.src = window.webkitURL.createObjectURL(stream);

          20. video.play();

          21. }, errBack);

          22. }

          23. elseif(navigator.mozGetUserMedia) { // Firefox-prefixed

          24. navigator.mozGetUserMedia(videoObj, function(stream){

          25. video.src = window.URL.createObjectURL(stream);

          26. video.play();

          27. }, errBack);

          28. }

          29. }, false);

          30. 一旦判斷出用戶瀏覽器支持getUserMedia ,下面就非常簡單了,只需要將那個video元素的src設置為用戶的攝像頭視頻直播連接。這就是用瀏覽器訪問攝像頭需要做的所有的事情!

            拍照的功能只能說是稍微復雜一點點。我們在按鈕上加入一個監聽器,將視頻畫面畫到畫布上。

            1. // 觸發拍照動作

            2. document.getElementById("snap")

            3. .addEventListener("click", function() {

            4. context.drawImage(video, 0, 0, 640, 480);

            5. });

            6. 當然,你還可以在圖片上加一些濾鏡效果….我還是把這些技術放到以后里再說吧。但至少你可以將這個畫布圖像轉換成一張圖片。

              以前我們需要使用第三方的插件才能從瀏覽器里訪問用戶的攝像頭,這不免有些復雜。現在只需要HTML5的畫布技術和javaScript,我們就能簡單快速的操作用戶的攝像頭。不僅僅還是訪問攝像頭,而且是因為HTML5的畫布技術及其強大,我們可以給圖片上加入各種迷人的濾鏡效果。現在,在瀏覽器里用自己的攝像頭給自己拍張照片吧!

          腦報新媒體·歡迎關注

          事件 | 點評網絡熱點事件

          我們在電影當中經常會看到這樣的情節:為了躲避邪惡政府機構或黑幫組織的追蹤,主角會瀟灑地把手機摔成碎片或丟進河里。你或許會問,我們現實世界當中的技術手段能夠輕而易舉地通過手機獲取機主的一切信息嗎?

          在朋友圈曬旅行照

          暴露行蹤被警察抓獲老賴夫妻

          兩片腌肉、一個可頌,好像還有一些蔬菜沙拉,當杭州人老吳在微信朋友圈里曬出他在哥本哈根的早餐時,債權人心中在狂喜。

          老吳夫妻欠款百萬元不愿歸還,賴賬一年多卻因為在朋友圈曬旅行照被抓獲。老吳夫妻賴賬跑去哥本哈根旅游,11月11日,他曬出了“丹麥的第一天開始,機場到酒店換了四次火車”,還帶著些許傲嬌地說“日子過得跟哥本哈根的天氣一樣冷”。老吳忘掉了,他的朋友圈里有銀行工作人員。

          接到銀行提供的信息,拱墅區法院執行局法官立刻制作司法拘留意見書,而后申請公安配合布控。果然,上周,當老吳回國在安吉某酒店出示身份證準備入住時,信息就傳到了法院,老吳迅速被控制。

          老賴的故事看著很爽,可你愿意自己的地理位置信息也被人知道呢?

          精確到分鐘

          悄悄記錄里行蹤的iPhone

          iPhone位置定位的問題紛擾不斷,雖然不少用戶選擇手動關閉位置定位功能,但央視曝光,蘋果手機定位服務默認記錄用戶“行蹤”,雖然可以關閉,但后臺仍能記錄相關數據。多名技術人士稱,只要是智能手機,連接過WiFi、有運營商網絡,打開過有位置記錄功能的APP軟件,就都有可能被自動跟蹤。

          技術人士表明,每個APP都會產生自己的.db數據文件,用于保存位置信息、使用記錄等,但每個APP的數據文件加密方式不會完全一致。讀取用戶的位置信息,主要是軟件廠商為了滿足手機大數據信息收集的需求,如一些對用戶地圖使用習慣的統計等。

          可這些信息,你真的愿意被收集或者被第三方的機構/個人知道嗎?

          Find My Phone其實可以保護用戶安全

          iPhone記錄地理位置信息也不是完全不好的,以“Find My iPhone”這個原本用于尋找丟失手機的功能為例,其完全可以被用來做最終家人的方式,對于經常上夜班或者夜跑的用戶而言,讓親友知道你的位置也是相當重要的哦!

          用戶在自己的iPhone中開啟“設定/iCloud/家人共享”功能,完成開啟家人共享設定并選擇“加入家庭成員”,邀請對方完成家人設定并確認家人開啟“位置共享”與“設定/隱私權/服務”。就可以通過“查找我的朋友”App隨時查看家人的地理位置。

          不過要是對方關閉定位服務或是推出家人共享功能,就無法通過“尋找朋友”功能找到對方位置。

          社交應用很容易泄露行蹤

          提到這個話題,很多小伙伴第一時間就會想到微信。的確,無論是朋友圈曬圖時出現的地理位置信息還是“附近的人”,都會調用用戶手機的定位功能,這些定位信息在有心人的眼里,能很容易出賣你的隱私哦!

          如非必要,在微信朋友圈曬圖、文字的時候,盡量關閉朋友圈的地理位置功能吧,另外,朋友圈圖片拍攝也要很注意技巧哦。

          黃子韜在Instagram曬出的圖片中,出現了SM Town,粉絲們第一時間便猜出韜韜拍完戲去韓國散心了,而且在該樓附近的小伙伴也躍躍欲試想要制造邂逅。

          如果你不太愿意讓別人知道你的地理位置信息,就不要在圖片里面曬出一些標志性的建筑,且建議不要在拍照第一時間發布哦!人家黃子韜也是發過兩次,第一次發布后可是秒刪,過了老長時間才發第二次的。

          那些針對異地戀打造的App

          對于異地戀的小伙伴而言,行蹤多少算是情侶間需要坦誠相待的秘密了。當然,如果你不愿意行蹤隨意被人知道,呃呃。最好記得關閉甚至先卸載下這些軟件哦,比方說蜜蜜、想你,它們雖說關閉了就應該不會采集你位置信息了,但誰知道后臺是怎么回事兒?

          對于涉世未深的學生群體而言,這類App一旦曝光用戶行蹤,很容易引發壞人動歪腦筋,而且這類App的開發者往往以學生和初創團隊比較多,數據安全性方面的確令人擔憂,小獅子建議大家慎用比較好。

          坑你沒商量的黑科技

          智能手機的HTML5功能允許網頁監測用戶電量,當電量不足時,該功能可以通過網頁提示用戶注意用電。但該功能的運行并不需要用戶許可,在用戶不知情的情況該功能也會運行。同時,該功能會查看電池用量和剩余電量。這些信息都能被利用來確定用戶身份。

          雖然此功能不會直接泄露你的姓名、郵箱、住址,但你的行蹤已經不再是秘密。不過該功能的信息更新是每30秒一次,追蹤你的人得到你的數據,也有30秒有效期。

          地理位置的泄露可不是小事兒,

          落在有心人眼里,這是絕對要壞事兒的!

          編輯:張毅

          責編:王亞南

          女性手機是如今市場中比較常見的細分化產品,雖然一開始大部分國產廠商都是出于產品同質化的困擾而進軍女性手機領域,但隨著女性手機近幾年的普及以及軟硬件方面的同步完善,在女性用戶間其實也是得到了認可的。朵唯這個品牌留給我們的第一印象或許就是“女性手機”,專注自拍,專注其中的軟性功能,朵唯的女性手機也都能為用戶帶來非常貼心的操作體驗。今天就來看朵唯T60這款具備了魔鏡cam2.0美顏功能的女性手機。

          魔鏡cam2.0即時美顏 移動4G朵唯T60評測

          女性用戶對于智能手機的要求其實并不統一,因為每個人都是不同的個體,你就很難要求每個妹子都有著一樣的性格,有著一樣的手機使用習慣。因此女性手機向來都是以滿足大多數人的使用需求為出發點,針對自拍、美顏、購物或是視頻需求來進行優化。這樣看來朵唯T60在這方面做得也還不錯,5.5英寸顯示屏滿足大部分妹子看視頻的需求不成問題,同時在拍照方面也從硬件和軟件兩方面來實現最好的自拍效果。

          5.5英寸朵唯T60

          朵唯 T60
          主屏尺寸5.5英寸
          主屏分辨率960x540像素
          屏幕技術全貼合技術
          4G網絡移動TD-LTE
          3G網絡移動3G(TD-SCDMA),聯通2G/移動2G(GSM)
          操作系統AndroidOS 4.3
          核心數四核
          CPU頻率1228MHz
          RAM容量1GB
          ROM容量8GB
          存儲卡MicroSD卡
          擴展容量32GB
          電池類型可拆卸式電池
          電池容量2500mAh
          攝像頭類型雙攝像頭(前后)
          后置攝像頭像素800萬像素
          前置攝像頭像素500萬像素
          機身顏色椰蓉白色

          朵唯T60在拍照方面選擇了前置500萬像素與后置800萬像素的雙攝像頭搭配,后置比較主流,但前置的像素數在目前來說也還是比較不錯的。結合手機中的魔鏡cam2.0完成實時美顏拍照,也很符合如今女性用戶的自拍與分享需求。硬件方面,朵唯T60選擇了1.2GHz主頻驍龍四核處理器,輔以1GB RAM與8GB機身存儲,實際體驗來說操作還算流暢。雖然官方沒有給出具體處理器型號,不過應該是MSM8226。

          外觀方面朵唯T60只能算是中規中矩,不過還算便攜。正面來看沒有太多設計上的特色,比較簡潔,屏幕上下的空間也還算緊湊,正面甚至連品牌logo都沒有添加,只在右上角有一個4G標志。5.5英寸全貼合IPS屏幕的顯示效果還是不錯的,不過qHD分辨率確實值得再提升一下。屏幕下方的HOME鍵采用了圓形設計,這一點與其他手機有所不同。

          朵唯T60機身正面

          頂部的數據接口與耳機孔

          朵唯T60將電源鍵與音量鍵分別放在機身右側與左側,在單手操作時非常好操控。數據接口與耳機孔全部放在頂部,因此機身底部其實是沒有任何按鍵與接口的。手機的邊框處采用了銀色金屬質感包邊,這樣一來純白的機身也增添了一些時尚感。

          背部采用三段式設計

          機身右側下方有凹槽打開后蓋

          朵唯T60的機身背部采用了三段式設計,上下兩段比較光滑,中間的后該部分是點陣設計,手感相對厚實一些。主攝像頭采用800萬像素,配備一顆閃光燈,目前是比較主流的配置。值得一提的是,朵唯T60是一款可更換電池的產品,在機身右側下方有一個凹槽可以打開后蓋,不過這個位置確實不太好打,妹子們最好讓別人幫忙,不然很容易傷到指甲。

          2500毫安時電池/microSD卡槽與microSIM卡槽

          朵唯T60配備了2500毫安時電池,就其配置來說這樣的電池容量也算夠用,萬一沒電了也可以選擇直接更換電池。朵唯T60為單卡設計,采用microSIM卡,同時支持最高32GB的microSD卡存儲擴展。

          女性手機一般都有著豐富的主題,朵唯T60也同樣如此,不僅有不同的主題風格,同時也可以選擇不同的解鎖風格。下面的幾張截圖可以讓我們看到朵唯T60的UI風格。這款手機搭載了Android4.3系統,操作起來還是很順手的。

          朵唯T60主界面與解鎖界面

          預置各種主題與解鎖樣式

          手機中為用戶預裝了幾種主題以及解鎖方式、壁紙和界面切換的特效風格,這些都是用戶可以自定義更換的。同時手機中還有一個“一鍵換裝”的圖標,點擊之后手機會隨機為用戶更換一款主題,倒是也省去了用戶挑選主題時的糾結。

          開啟單手模式可使用懸浮窗口小工具

          在主界面上我們能夠看到一個懸浮的小按鈕,只要我們進入桌面設置界面,勾選“單手操作”,這個按鈕就會顯示出來。點開之后可以看到里面有包括撥號、計算器在內的常用應用,點擊便可以作為小窗口懸浮在主界面上方,操作很方便。因為小窗口基本都是貼邊顯示的,因此單手操作也不成問題。

          “我的衣帽間”幫你試裝,還能直接購買

          朵唯手機中經常會有一些針對女性用戶專屬打造的應用,此前我們介紹過的“電子畫報”就是其中之一,今天我們要看的則是“我的衣帽間”功能。很簡單,這就是一款幫你試衣服的應用,應用中自帶一個模特,用戶也可以拍攝自己的全身照,并作為試衣模特保存。衣帽間中為用戶提供了上衣、外套、半身裙等分類服飾可選,還有“天天逛”功能,直接為用戶提供購物平臺。天天逛中的商品點擊購買后會直接跳轉到對應的淘寶頁面,整個購買流程還是很簡單的。

          下面來看看朵唯T60的拍照表現吧,這款手機中除了普通的相機之外,還有魔鏡cam2.0相機。普通相機的功能比較簡單,支持全景、延時自拍等模式的拍攝,而魔鏡cam2.0的功能則更為全面一些,不過主要在于美顏以及水印模式。

          普通相機拍照界面

          魔鏡cam2.0水印模式拍照界面

          普通相機模式下,用戶可以調整相機的飽和度、對比度等基礎選項,沒有什么額外的附加功能。而在魔鏡cam2.0中,用戶可以選擇美顏模式、體感拍照、或是為照片加入水印。體感拍照很簡單,當攝像頭識別到用戶正在揮手、或是比出剪刀手的時候相機會自動拍照,這樣用戶也不用擔心單手不好按快門了。

          焦距:4mm 光圈:f/2.1 ISO感光度:101

          焦距:4mm 光圈:f/2.1 ISO感光度:137

          焦距:4mm 光圈:f/2.1 ISO感光度:125

          焦距:4mm 光圈:f/2.1 ISO感光度:137

          拍照時天氣不是太好,所以室外樣張看起來色調比較灰暗,不過細節呈現的還算到位,作為800萬像素樣張來看也算中規中矩。室內樣張的表現要比室外好很多,色彩飽和度比較高,看起來也比較討喜。微距拍攝時背景有一定虛化,但虛化并不是太明顯,這一點還是值得提升的。

          魔鏡cam2.0樣張/朵唯定制百度魔圖/百度魔圖添加濾鏡后的照片

          上面說的都是后置攝像頭的拍照部分,接下來來看自拍。魔鏡cam2.0能夠為用戶進行實時美顏,自拍還是很省心的。同時,朵唯T60中也預置了朵唯定制版的百度魔圖,可以進一步進行后期的修飾。除了可以通過百度美圖進行進一步美顏之外,也可以添加濾鏡或是各種貼圖,來增加照片的趣味性。

          下面我們來看看多媒體表現吧,如文章開頭所說,朵唯T60配備的應該是1.2GHz主頻四核MSM8226處理器,播放1080p問題不成問題。不過每家廠商對于視頻格式的支持方面都有不同處理,所以我們可以看一下朵唯T60自帶的視頻播放器支持哪些格式的1080p視頻。

          朵唯T60視頻播放效果

          朵唯T60視頻播放器截圖

          上面的表格很清楚地顯示了朵唯T60的播放效果,對于MP4和AVI格式,大部分手機都能通過自帶的播放器順暢播放,朵唯T60也是如此。不過MKV、MPG以及部分MOV、RMVB視頻就需要借助第三方播放器來軟解播放了,因此如果你平時不喜歡轉換視頻格式,最好安裝一個可以軟解播放的第三方播放器。

          本地自帶的音頻播放器

          音頻方面朵唯T60支持的比較到位,mp3、m4a、flac、ogg和wav格式的音頻都能通過本地播放器播放,不過ape格式需要安裝第三方音樂播放器才能播放。功能方面朵唯T60自帶的音樂播放器就比較簡單了,不過對于大部分妹子來說,播放器只要能播音樂就足夠了,太花哨的功能反而繁瑣。

          最后來看看跑分,朵唯T60主打自拍,所以整體配置不是太頂尖。5.5英寸qHD顯示屏搭配1.2GHz主頻驍龍MSM8226四核處理器,結合1GBRAM與8GB機身存儲空間,整體運行還算不錯。下面我們仍舊通過幾款專業跑分軟件來對朵唯T60進行性能方面的測試。

          CPU-Z檢測出的手機信息

          AnTuTu 5.0在性能測試中有兩個變動,其一是安兔兔5.0增加了一個“CPU(單線程)”的項目,在該項目下同CPU項一樣分為“CPU整數”和“CPU浮點”,可以說這是針對移動平臺單線程的首例,這也同樣突出了核不在多這樣概念。除此之外,測試3D處理器能力的場景也有所更換,對于GPU的壓力更大,這也是因為目前處理器的GPU不斷提升,以往的3D場景不能將GPU之間的性能差異進行明顯劃分。

          AnTuTu得分17688

          3DMark原本是Futuremark公司在PC平臺推出的一款專門測量顯卡性能的軟件,在發燒友中樹立起了測試標桿形象。2013年2月,新一代3DMark除了傳統的Windows平臺之外,新添了Android、iOS以及Windows RT三個移動平臺版本,實現了跨平臺測試對比。

          3DMark測試結果5666/2813

          Android與iOS版3DMark通過IceStorm與IceStorm Extreme兩個負載場景對設備的圖形處理能力進行測試,每個場景通過兩段動畫檢驗GPU的圖形處理能力,另有一段動畫用以檢測CPU的物理渲染能力,總成績中GPU圖形測試所占比重更大。

          Vellamo是由Qualcomm(高通公司)開發的一個基準測試應用(類似于Neocore),它可以讓你對手機瀏覽器的性能及穩定性進行測試,包括像Java腳本性能、渲染、聯網和用戶界面等。該工具的結果同樣包括多個子項,但我們只取總成績,分數越高則表明手機對瀏覽器的優化程度越高,網頁瀏覽體驗更好。

          Vellamo作為一種手機網頁標尺工具,如今已擴展至包括兩個主要模塊。HTML5模塊可用來評估移動網頁瀏覽器性能,而Metal模塊可對移動處理器的CPU子系統性能進行測量。測試套件點擊即用,方便快捷,分模塊進行管理,Vellamo可對滾動縮放,3D圖形,視頻性能,內存讀寫,帶寬峰值性能等諸多方面進行評估。

          總結

          朵唯T60不是一款旗艦產品,而是一款配置比較主流,拍照表現出色,同時預置了女性應用的女性專屬機型。對于這樣一款機型來說我們確實不會在硬件方面要求太多,因此通過前面的內容來看,朵唯T60也是一款整體讓人滿意的產品。當然,如果主攝像頭的拍照表現能進一步優化就更好了,相比魔鏡cam2.0的拍照功能來說,普通相機的拍照選項確實略顯單調了一些。


          主站蜘蛛池模板: 国产日韩一区二区三区在线观看 | 99久久无码一区人妻a黑| 亚洲av无一区二区三区| 影院成人区精品一区二区婷婷丽春院影视 | 国产成人AV一区二区三区无码| 一区二区视频传媒有限公司| 中文字幕无线码一区| 国模私拍一区二区三区| 精品黑人一区二区三区| 国产成人高清亚洲一区91| 久久久不卡国产精品一区二区| 无码精品一区二区三区在线| 一区二区无码免费视频网站| 国产福利一区二区| 日韩精品无码一区二区视频 | 一区二区在线视频| 蜜芽亚洲av无码一区二区三区 | 亲子乱av一区二区三区| 91久久精品国产免费一区| 国精产品一区一区三区MBA下载 | 制服中文字幕一区二区| 亚洲一区精品视频在线| 精品一区精品二区| 无码人妻精品一区二区| 国产精品一区二区四区| 久久se精品动漫一区二区三区| 亚洲AV无码一区二区三区鸳鸯影院| 久久精品一区二区三区中文字幕| 精品国产一区二区三区不卡| 免费无码AV一区二区| 日本一区二区在线播放| 合区精品久久久中文字幕一区| 无码精品人妻一区二区三区漫画| 日本香蕉一区二区三区| 免费精品一区二区三区第35| 精品视频在线观看一区二区三区| 99久久综合狠狠综合久久一区| 无码毛片一区二区三区中文字幕| 国产精品高清视亚洲一区二区| 成人无码AV一区二区| 国产精品美女一区二区|