내 Electron 웹 애플리케이션에 이 ReactJs 프로젝트를 포함할 수 있나요?

Question

저는 JavaScript 초보자이고 수업 프로젝트에 Electron.js를 사용하여 웹 애플리케이션을 구축하고 있습니다. 내 프로젝트는 이제 모두 JS, CSS 및 HTML 코드입니다.

코드펜에 있는 제 프로그램 홈페이지입니다.

으아아아

우리는 이 튜토리얼 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와 같은 음악 플레이어를 구현할 수 있습니다.

으아아아