###### tags: `FM634A` `補充資源` # 《用 AI 影像辨識學機器學習》補充資源 [P5.js 作品集](https://editor.p5js.org/flagtec/collections/OYKIbORg5) ## 內容修正 ### ml5.js 新版 由於手冊撰寫時使用的 ml5.js 版本是 0.6.1, 目前 ml5.js 已改版, 不過原本 lab10 匯入 ml5.js 時指定了最新版, 所以原本的範例檔執行會出現錯誤: ``` TypeError: classifier.classify is not a function. ``` 有兩種修正方法: - 改成使用 0.6.1 版的 ml5.js 請在 index.html 中找到這一行: ```html <script src="https://unpkg.com/ml5@latest/dist/ml5.min.js" type="text/javascript"></script> ``` 改成: ```html <script src="https://unpkg.com/ml5@0.6.1/dist/ml5.min.js" type="text/javascript"></script> ``` - 改成新版 ml5.js 的寫法, 要修改的地方是 `classify` 函式已經改名為 `classifyStart`, 辨識結果的回呼函式 `gotResult` 現在只有一個參數 `result`, 沒有 `error`, 也要把顯示錯誤的部分移除: ```js function modelReady() { console.log('模型讀取完畢'); // classifier.classify(gotResult); classifier.classifyStart(gotResult); console.log("開始辨識"); } function gotResult(/*error, */results) { // 顯示錯誤訊息 // if (error) { // console.error(error); // } // 顯示結果 if(results[0].label != "Background Noise"){ console.log(results[0].label, results[0].confidence); } } ``` ## 延伸教學 - [使用手機當電腦的攝影機或麥克風](/rOIsN5zgTuKhaGWxQ5rGiw) - [如何在 ml5.js 影像分類器或聲音分類器中使用 TeachableMachine 的模型](/QaQbqlolQwSEvUtwip-GaA)