Puis-je inclure ce projet ReactJs dans mon application web Electron ?

Question

Je suis débutant en JavaScript et je construis une application Web en utilisant Electron.js pour mon projet de classe. Mes projets sont désormais tous du code JS, CSS et HTML.

Voici la page d'accueil de mon programme sur 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.

Nous espérons utiliser ce didacticiel https://www.youtube.com/watch?v=I1cpb0tYV74&t=3595s pour intégrer des fonctionnalités de type Spotify permettant aux utilisateurs de rechercher et d'écouter de la musique.

Voici également le code de ce tutoriel https://github.com/adrianhajdin/project_music_player. Il utilise Tailwind, React, Redux et RapidApi.

Je voulais vous demander si cela est possible, et si oui, avez-vous des conseils ou des suggestions sur la façon d'intégrer cette fonctionnalité dans ce que nous avons déjà ?

J'ai essayé de chercher des moyens de le faire en utilisant uniquement Js, HTML et CSS, mais je n'ai trouvé aucun didacticiel permettant aux utilisateurs de lire des chansons, ce qui est l'objectif principal de cette fonctionnalité.

Answer 1

Oui ! Vous pouvez le faire avec du HTML + CSS + JS simple, vous avez juste plus de travail à faire avec la logique et le style du lecteur de musique.

Ici, je vous propose un exemple minimal de page HTML avec un bouton de lecture pour lire/mettre en pause un fichier audio dans une URL. Vous pouvez remplacer l'URL ou utiliser la logique Javascript pour remplacer l'attribut src dans la balise afin d'implémenter un lecteur de musique de type Spotify sur la page.

  
    
  
  

    sssccc