Cognitive Service

Transcript

1. 微軟Azure認知服務實作 電腦視覺、語言翻譯
2. 微軟認知服務 https://azure.microsoft.com/zh-tw/try/cognitive-services/
3. 辨識服務 MS Cognitive Service • 可聰明地識別、標示及 控管圖片的影像處理演算法。 • 對應複雜資訊和資料，以解決 智慧建議和語意搜尋等工作。 • 讓您的應用程式能夠透過預先建置的指令碼處理自然語言、 評估情感，以及瞭解 如何辨識使用者想要的項目。 • 將語音轉換成文字、使用語音來驗證，或將說話者 辨識新增至您的應用程式。 • 將 Bing 搜尋 API 新增至您的應用程式，並充分利用 以單一 API 呼叫合併數十億個 網頁、影像、影片和新聞的能力。
4. 辨識服務 MS Cognitive Service • 電腦影像 – 分析圖像中的內容 • 圖像概觀 – 不同語言顯示 • 圖像中的文字 – 信用卡卡號辨識 • 文本翻譯 -檢測並翻譯 60 多種支援的語言 • 語句翻譯 – 嘗試不同語言輸入輸出
5. 選擇電腦影像 -> 獲取 API 金鑰
6. 選擇 7 天試用 ( 之後可建立免費Azure帳戶使用)
7. 同意 -> 選擇國家/地區 -> 下一步
8. 選擇任一種帳號進行登錄
9. 一般Azure帳號取得API金鑰程式 https://portal.azure.com/
10. 進入 Azure https://portal.azure.com/
11. 建立服務
12. 取得 API KEY
13. 影像識別：圖片網址
14. 測試
15. JSON 文件檢視器 http://jsonviewer.stack.hu/
16. 練習一：在圖片下方顯示 AI 產生的圖說
17. 電腦視覺API官方文件 – v2.1 https://westus.dev.cognitive.microsoft.com/docs/services/5cd27ec07268f6c679a3e641/operations/56f91f2e778daf14a499f21b
18. 練習一：在圖片下方顯示 AI 產生的圖說 $("#picDescription").text(data.description.captions[0].text);
19. 練習二：將AI 產生的圖說改成中文 var params = { "visualFeatures": "Categories,Description,Color", "details": "", "language": "zh", };
20. 延伸練習：改成可以使用本地檔案上傳
21. 延伸練習：改成可以使用本地檔案上傳 Image to analyze: <input type="file" name="inputImage" id="inputImage" data-target="file- uploader" accept="image/*" /> <!--<button onclick="processImage()">分析圖片</button>--> $("document").ready(function(){ $("#inputImage").change(function(e){ processImage(e.target.files[0]); }); }); function processImage(imageObject) {
22. 延伸練習：改成可以使用本地檔案上傳 //顯示分析的圖片 var sourceImageUrl = URL.createObjectURL(imageObject); document.querySelector("#sourceImage").src = sourceImageUrl; //送出分析 $.ajax({ url: uriBase + "?" + $.param(params), // Request header beforeSend: function(xhrObj){ xhrObj.setRequestHeader("Content-Type","application/octet-stream"); xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key", subscriptionKey); }, type: "POST", processData:false, contentType:false, // Request body data: imageObject, })
23. 影像文字內識別：信用卡號碼辨識
24. 電腦視覺API – 2.1 – 批次讀檔 https://westus.dev.cognitive.microsoft.com/docs/services/5cd27ec07268f6c679a3e641/operations/2afb498089f74080d7e196fc
25. 影像文字內識別：信用卡號碼辨識 let endpoint = "https://westcentralus.api.cognitive.microsoft.com/"; if (!subscriptionKey) { throw new Error('Set your environment variables for your subscrip tion key and endpoint.'); } var uriBase = endpoint + "vision/v2.1/read/core/asyncBatchAnalyze"; .done(function(data) { // Show formatted JSON on webpage. $("#responseTextArea").val(JSON.stringify(data, null, 2)); let recognitionArray = data.recognitionResults[0].lines; for(let x=0; x<recognitionArray.length;x++){ if(recognitionArray[x].text.length==19){ $("#RecognitionCardNumber").text(recognitionArray[x].text); } } })
26. 微軟認知服務 – 語言 – 文本翻譯 (需Azure帳號) https://azure.microsoft.com/zh-tw/services/cognitive-services/translator/
27. Azure 入口 -> 認知服務 -> 建立資源 https://portal.azure.com/
28. 按下 Create 建立資源
29. 輸入基本資料後按下 Create HelloTranslator F0 可選既有的或是新增
30. 取得金鑰
31. 輸入Key與專案網域，執行範例
32. 練習一：將翻譯結果顯示于右方 .done(function(data) { //顯示JSON內容 $("#responseTextArea").val(JSON.stringify(data, null, 2)); $("#translateResult").text(data[0].translations[0].text); })
33. 語言支援 https://docs.microsoft.com/zh-tw/azure/cognitive-services/translator/language-support
34. 練習二：修改翻譯來源與目的語言 https://docs.microsoft.com/zh-tw/azure/cognitive-services/translator/reference/v3-0-translate
35. 練習二：修改翻譯來源與目的語言 let params = { "api-version": 3.0, "to": "en" //"from": "en", //"to": "zh-Hant", };
36. 辨識服務 MS Cognitive Service • 電腦影像 – 分析圖像中的內容 • 圖像概觀 – 不同語言顯示 • 圖像中的文字 – 信用卡卡號辨識 • 文本翻譯 -檢測並翻譯 60 多種支援的語言 • 語句翻譯 – 嘗試不同語言輸入輸出