使用 Gemini 製作網頁時,可以直接在網頁中設計含有 Gemini AI 功能的內容,這個功能有很多好玩之處,可以玩出很多花樣。

先參考以下四篇:

如何在Gemini中設計網頁時直接插入AI功能

在Gemini中製作含有AI解析的測驗網頁,並可快速置換為不同題目的內容

設計先觀賞YouTube影片再閱讀AI提供教材,然後撰寫心得的互動式學習平台

利用Gemini的AI功能設計一個資訊圖表產生器

本篇要來利用相同的概念,設計一個可以重複使用的人臉情緒辦識器

利用Gemini的AI功能設計一個人臉情緒辨識器

參考以下指令:

設計一個可以對使用者拍一張相片或是上傳一張含有人臉的相片,再由 Gemini AI 由根據其臉部表情辨識其情緒,並顯示對應的 Emoji 圖示的互動式平台。網頁內容要求: 

1.可以拍攝相片和上傳圖片。

2.利用 Gemini 的 AI 功能產生人臉情緒辨識的文字描述。(盡量增長度且內容不要使用 Markdown 標記)

3.顯示Gemini的AI回覆內容可以對應的一個 Emoji 圖示。

4.以明亮而色彩豐富的視覺化設計呈現。

5盡量增加網頁互動性。

範例結果:https://gemini.google.com/share/1ec2aa2ed8b1

利用Gemini的AI功能設計一個人臉情緒辨識器

上傳一張 AI 做的圖片,辦識結果如下:

利用Gemini的AI功能設計一個人臉情緒辨識器

如果利用手機來測試:

利用Gemini的AI功能設計一個人臉情緒辨識器

Gemini 還自動切換到前鏡頭,我拍了張相片,辨識結果和 Emoji 圖示都很貼切。

利用Gemini的AI功能設計一個人臉情緒辨識器  利用Gemini的AI功能設計一個人臉情緒辨識器

學不完.教不停.用不盡文章列表

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

    vincent 發表在 痞客邦 留言(0) 人氣()