사용자 지정 음악 플레이어를 Tumblr 블로그에 삽입하면 독자에게 배경 음악을 제공하는 개인화 된 사운드 트랙이 추가됩니다. 대부분의 재생 목록 서비스는 단순한 재생 이상을 지원하도록 장착되어 있습니다. 예를 들어 블로그가 처음 실행될 때 자동으로 재생을 시작하거나 재생 목록을 계속 반복하여 무한 반복되도록 플레이어를 구성 할 수 있습니다. 재생 목록을 구성하고 연속 재생 옵션을 활성화했으면 Tumblr 페이지에서 표시 할 HTML 스크립트를 삽입합니다.
재생 목록 만들기
프로세스의 첫 번째 단계는 재생 목록을 만드는 것입니다. 재생 목록을 만드는 데 사용하는 서비스 선택은 오디오 파일을 컴파일하려는 방법에 따라 다릅니다. 예를 들어, Hypster는 재생할 노래를 추가하는 데 사용할 수있는 검색 가능한 MP3 파일 라이브러리를 제공합니다. 반면 Streampad는 블로그에 업로드 한 모든 오디오 파일을 개인화 된 재생 목록으로 편집합니다. SCM Music Player를 사용하면 웹 어디에서나 개별 MP3 파일로 연결되는 URL을 사용하여 재생 목록을 개발할 수 있습니다.
HTML 스크립트 얻기
플레이어의 스킨을 디자인합니다 (예 : 플레이어의 색상, 레이아웃 및 크기 선택). "반복"옵션이 활성화되어 있는지 확인합니다. 결과 HTML 스크립트를 생성, 강조 표시 및 복사합니다. SCM Music Player에서는 "Choose Skin"및 "Configure Settings"탭을 사용하여이 작업을 수행합니다. Hypster를 사용하여 "만들기"옵션 위로 마우스를 가져간 다음 "플레이어"를 선택하고 플레이어의 디스플레이 기본 설정을 선택한 후 "코드 가져 오기"를 클릭합니다. Streampad를 사용한 경우 Tumblr 아이콘을 클릭하여 플레이어의 디스플레이를 사용자 정의한 다음 "아래 스크립트 코드 복사"상자에서 스크립트를 가져옵니다.
플레이어 배치
자신 만의 테마를 디자인하기로 선택했는지 또는 미리 포맷 된 옵션을 사용하는지에 관계없이 Tumblr 블로그의 어느 곳에 나 커스텀 플레이어를 임베드 할 수 있습니다. HTML 스크립트를 가져 오기 전에 플레이어를 추가 할 위치를 결정해야합니다. 사이드 바는 "일시 중지"버튼을 찾기 위해 게시물 페이지를 스크롤하기 위해 침묵을 원하는 독자가 필요하지 않기 때문에 가장 쉽고 찾기 쉬운 위치를 제공 할 수 있습니다. 사이드 바를 사용하지 않으려면 대신 머리글 또는 바닥 글에 플레이어를 추가 할 수 있습니다.
코드 삽입
브라우저에서 Tumblr 페이지로 이동하고 대시 보드에 로그인합니다. 상단에 표시된 제목에서 음악 플레이어에 사용할 블로그를 선택합니다. "모양 사용자 지정"옵션을 선택하고 "HTML 편집"을 클릭하여 HTML 편집기로 전환합니다. 현재 HTML 스크립트 (PC에서는 "Ctrl-F", Mac에서는 "Command-F")를 검색하여 임베드 코드를 추가 할 적절한 위치를 찾습니다. 예를 들어, 사이드 바에 삽입하려면 키워드 "사이드 바"로 검색하십시오. "Enter"키를 눌러 하드 리턴을 추가하고 플레이어의 HTML 코드를 붙여 넣으십시오.
테스트 해보기
블로그의 변경 사항을 미리 보려면 "미리보기 업데이트"버튼을 선택하십시오. 결과가 마음에 들지 않으면 HTML 코드를 다른 곳으로 편집하거나 이동하십시오. 만족 스러우면 "저장"을 클릭 한 다음 "닫기"를 클릭하십시오. 브라우저에서 블로그를 시작하여 플레이어를 테스트하고 플레이어의 반복 설정과 플레이어의 색상 및 자동 재생 옵션과 같은 기타 기능이 올바르게 구성되었는지 확인합니다.
