この ReactJs プロジェクトを Electron Web アプリケーションに含めることはできますか?

Question

私は JavaScript の初心者で、クラス プロジェクトに Electron.js を使用して Web アプリケーションを構築しています。私のプロジェクトはすべて JS、CSS、および HTML コードになりました。

これは、codepen 上の私のプログラムのホームページです。

リーリー

このチュートリアル 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 を使用して行うことができますが、音楽プレーヤーのロジックとスタイルに関してさらに多くの作業を行う必要があります。

ここでは、URL 内のオーディオ ファイルを再生/一時停止するための再生ボタンを含む、最小限の HTML ページの例を提供しました。 URL を置き換えるか、JavaScript ロジックを使用してタグ内の src 属性を置き換えて、Spotify のような音楽プレーヤーをページに実装できます。

リーリー