Bolehkah saya memasukkan projek ReactJs ini dalam aplikasi web Electron saya?

Question

Saya seorang pemula dalam JavaScript dan saya sedang membina aplikasi web menggunakan Electron.js untuk projek kelas saya. Projek saya kini semuanya JS, CSS dan kod HTML.

Ini adalah laman utama program saya di 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.

Kami berharap dapat menggunakan tutorial ini https://www.youtube.com/watch?v=I1cpb0tYV74&t=3595s untuk menyepadukan fungsi seperti Spotify di mana pengguna boleh mencari dan memainkan muzik.

Berikut juga kod untuk tutorial ini https://github.com/adrianhajdin/project_music_player. Ia menggunakan Tailwind, React, Redux dan RapidApi.

Saya ingin bertanya sama ada ini boleh dilakukan, dan jika ya, adakah anda mempunyai sebarang petua atau cadangan tentang cara untuk menggabungkan fungsi ini ke dalam fungsi yang sudah kami miliki?

Saya telah cuba mencari cara untuk melakukan ini hanya menggunakan Js, HTML dan CSS, tetapi saya tidak menemui sebarang tutorial yang membenarkan pengguna memainkan lagu, yang merupakan tujuan utama ciri ini.

Answer 1

Ya! Anda boleh melakukan ini dengan HTML biasa + CSS + JS, anda hanya mempunyai lebih banyak kerja untuk dilakukan dengan logik dan penggayaan pemain muzik.

Saya telah menyediakan anda di sini dengan contoh halaman html minimum yang mengandungi butang main untuk memainkan/menjeda fail audio dalam URL. Anda boleh menggantikan URL atau menggunakan logik Javascript untuk menggantikan atribut src dalam teg untuk melaksanakan pemain muzik seperti Spotify pada halaman.

  
    
  
  

    sssccc