我可以將此 ReactJs 專案包含在我的 Electron Web 應用程式中嗎？

Question

我是 JavaScript 初學者，我正在使用 Electron.js 為我的課堂專案建立一個 Web 應用程式。我的專案現在都是 JS、CSS 和 HTML 程式碼。

這是我的程式在codepen上的主頁。

[Codepen](https://codepen.io/Shant7/pen/NWLJZge)

It has an index.html page that is the login page/username for the user. Then the homepage.html page has a navigation bar where users can click on different html buttons to go to various features. The other features we have now are all made with HTML, JS, and CSS.

我們希望使用本教學 https://www.youtube.com/watch?v=I1cpb0tYV74&t=3595s 來整合類似 Spotify 的功能，使用者可以在其中搜尋和播放音樂。

這裡也是本教學的程式碼 https://github.com/adrianhajdin/project_music_player。它使用 Tailwind、React、Redux 和 RapidApi。

我想問這是否可行，如果可以，您對如何將此功能合併到我們已有的功能中有何提示或建議？

我嘗試過尋找僅使用 Js、HTML 和 CSS 來完成此操作的方法，但我還沒有找到任何允許用戶播放歌曲的教程，而這正是此功能的主要目的。

Answer 1

是的！您可以使用普通 HTML CSS JS 來完成此操作，只是您需要更多的工作來處理音樂播放器的邏輯和樣式。

我在這裡為您提供了一個最小的範例 html 頁面，其中包含一個用於播放/暫停 URL 中的音訊檔案的播放按鈕。您可以取代 URL 或使用 Javascript 邏輯替換標記內的 src 屬性，以在頁面上實作類似 Spotify 的音樂播放器。

  
    
  
  

    sssccc