漸進式 Web 應用程式示範

  • 發行項

請參閱這些示範 PWA，以瞭解如何使用可在裝置上安裝時逐漸增強應用程式的功能和 API。

PWAmp

PWAmp 是播放本機和遠端音訊檔案的傳統型音樂播放程式。

PWAmp 應用程式的螢幕快照，其中顯示播放按鈕和歌曲清單

應用程式、 原始程式碼和自述檔。

PWAmp 使用下列功能：

功能 描述 文件
視窗控制件重疊 PWAmp 可以使用通常保留給標題列的空間來顯示目前歌曲的視覺效果。 使用視窗控制項重疊在標題列區域中顯示內容
通訊協議處理 開頭為的 web+amp: 連結可用來共享遠端歌曲。 處理漸進式 Web Apps 中的通訊協定
檔案處理 音訊檔案可以直接使用 PWAmp 開啟。 以滑鼠右鍵按鍵按下結尾 .mp3 為 的檔案，然後按下 [ 開啟] 。 處理漸進式 Web Apps 中的檔案
Web 共用 您可以透過作業系統共享對話框與其他應用程式共用歌曲。 共用內容
共用目標 其他應用程式可以透過操作系統共享對話框，與 PWAmp 共用音訊檔案。 接收共享內容
部件 迷你播放器 Widget 可以安裝在 Windows 11 Widgets 儀錶板中，以查看目前歌曲。 建置 PWA 驅動小工具
側 欄 PWAmp 可以釘選到 Microsoft Edge 中的提要字段。 建置 Microsoft Edge 提要字段 PWA

Wami

Wami 可以套用一連串的影像操作步驟，例如裁剪、重設大小、旋轉或新增影像批次的效果。

wami 應用程式的螢幕快照

應用程式、 原始程式碼和自述檔。

Wami 使用下列功能：

功能 描述 文件
視窗控制件重疊 通常保留給標題欄的空間可供 wami 使用。 使用視窗控制項重疊在標題列區域中顯示內容
檔案系統存取 Wami 可以將轉換后的映像儲存回磁碟。 檔案系統存取 API

Webboard

Webboard 是繪圖應用程式。

Webboard 是一種漸進式 Web 應用程式，用於繪圖和智慧型手機白板

應用程式、 原始程式碼和自述檔。

Webboard 使用下列功能：

功能 描述 文件
Web 共用 繪圖可以透過操作系統共享對話框與其他應用程式共用。 共用內容

我的曲目

我的曲目很適合用來將地圖上) 的 GPS 數據軌 (*.gpx 檔案可視化。

我的曲目應用程式

應用程式、 原始程式碼和自述檔。

我的曲目使用下列功能：

功能 描述 文件
視窗控制件重疊 [我的曲目] 會使用通常保留給標題列的空間來顯示自己的搜尋列。 使用視窗控制項重疊在標題列區域中顯示內容
通訊協議處理 我的曲目會處理開頭為通訊協定的 geo: URI，以顯示地圖上的位置。 處理漸進式 Web Apps 中的通訊協定
檔案處理 我的曲目會以原生方式處理 *.gpx 檔案。 處理漸進式 Web Apps 中的檔案
捷徑 我的曲目會定義快捷方式，以輕鬆地隱藏和顯示地圖中的所有曲目。 定義應用程式快捷方式

我的電影

這個簡單的 PWA 示範可讓您搜尋組成電影，並將其儲存在本機。

我的電影應用程式

應用程式、 原始程式碼。

我的電影使用下列功能：

功能 描述 文件
背景同步 如果使用者在顯示電影的詳細資訊時脫機，應用程式會在使用者稍後重新上線時，使用背景同步來擷取資訊。 使用背景同步 API 與伺服器同步處理資料
通知 擷取電影的相關信息時，會傳送通知，讓使用者可以與應用程式重新互動。 在控制中心顯示通知

BPM Techno

BPM Techno 會透過裝置麥克風分析音訊，並在 BPM) 計數器 (顯示每分鐘的實時節點。

BPM Techno 應用程式

應用程式、 原始程式碼和自述檔。

BPM Techno 使用下列功能：

功能 描述 文件
捷徑 BPM Techno 會定義可讓使用者在應用程式中上傳音訊檔案的快捷方式。 定義應用程式快捷方式
檔案處理 BPM Techno 原生處理 *.mp3 檔案。 處理漸進式 Web Apps 中的檔案
共用目標 其他應用程式可以透過操作系統共享對話框，與 BPM Techno 共用音訊檔案。 接收共享內容
通訊協議處理 應用程式會處理 web+bpm: 可用來傳送要分析之歌曲連結的 URI。 處理漸進式 Web Apps 中的通訊協定

1DIV

1DIV 是一個 CSS 編輯器，可讓使用者只使用一個 HTML 元素和 CSS 程式代碼來建立繪圖。

1DIV 應用程式

應用程式、 原始程式碼和自述檔。

1DIV 使用下列功能：

功能 描述 文件
視窗控制件重疊 1DIV 會使用標題列通常保留的空間來顯示標誌、搜尋欄位和按鈕。 使用視窗控制項重疊在標題列區域中顯示內容

另請參閱