1)웹사이트 템플릿 사용하기
지금 새로 만들고 있는 웹사이트 주소 입니다.
This is the address of the new website I am currently creating.
http://freelifemakers.com/onePage/
저 같은 경우 기존의 웹사이트가 있지만 음악을 소개 하기 위한 웹사이트가 필요하고 다른 복잡한 기능이 필요 없어서
무료 템플릿 사용해서 웹사이트를 새로 만들기로 했습니다.
In my case, I have an existing website, but I need a website to introduce music and I don’t need any other complicated functions. so I decided to create a new website using a free template.
제가 사용하는 템플릿 주소 아래 링크를 확인 하시면 됩니다.
아래 웹사이트 링크 가보시면 무료로 사용가능한 html템플릿 많이 있습니다.
Live Demo를 확인해보시고 Download버튼 누르시면 소스코드 다운 받을 수 있습니다.
You can check the link below for the template address I use.
If you go to the website link below, you will find many HTML templates that can be used for free.
Check out the Live Demo and click the Download button to download the source code.
템플릿 주소(Templates) :
https://bootstrapmade.com/free-html-bootstrap-template-lonely/
https://bootstrapmade.com/
아래는 제가 visual studio코드로 열어본 모습인데 여기 html코드의 메뉴 부분 입니다. 이렇게 필요한 텍스트 부분이나 이미지 수정해서 웹호스팅 서버에 업로드 하셔서 사용 하시면 됩니다.
Below is what I opened with visual studio code, and here is the menu part of the html code. You can use it by modifying the text or image as needed and uploading it to the web hosting server.
html,자바스크립트,css를 좀 공부하시면 어렵지 않게 수정해서 사용하실 수 있습니다.
If you study HTML, JavaScript, and CSS, you can easily modify and use it.
2)유투브 플레이어 Youtube Player
제가 만든 음악을 웹에서 플레이 하려면 여러가지 방법이 있지만 유투브가 가장 좋을 것 같아서 이걸로 간단한 플레이어 만들기로 했습니다.
There are many ways to play the music I made on the web, but I thought YouTube would be the best, so I decided to create a simple player with this.
플레이어의 기능은 앨범의 링크를 클릭했을때 iframe을 통해서 YouTubePlayer.php파일을 불러 오고 링크로 get방식을 사용해서 변수를 전달하면 이 값을 통해서 유투브 영상을 불러오고 플레이어의 재생을 컨트롤 합니다.
The player’s function is to load the YouTubePlayer.php file through an iframe when clicking on the album link, and when a variable is passed to the link using the get method, the YouTube video is loaded through this value and the playback of the player is controlled.
플레이어 컨트롤은 html,자바스크립트,php,유투브 플레이어 API를 사용합니다.
Player control uses HTML, JavaScript, PHP, and YouTube player API.
Youtube Player API[ENG] :https://developers.google.com/youtube/iframe_api_reference?hl=en
유투브 플레이어 API한국어 : https://developers.google.com/youtube/iframe_api_reference?hl=ko