코드파이 플레이 큐

나는 종종 Chordify을 사용하여 내가 좋아하는 곡을 잼합니다.

노래를 듣고 곡 전체에 사용된 코드를 감지하는 기계 학습 모델로 구동됩니다.

그런 다음 비트 그리드에 감지된 코드를 표시하고 노래가 재생될 때 기본 코드로 각 비트를 강조 표시합니다.

악기를 처음 사용하는 경우 비트 그리드와 함께 코드 다이어그램을 표시하도록 선택할 수도 있습니다.

프리미엄 버전은 피치 조옮김, 카포, MIDI 재생, 템포 조정, MIDI 및 PDF로 내보내기와 같은 추가 기능도 제공합니다.

연주를 녹음할 때 가끔 Chordify를 사용하는데 어떤 곡은 재생을 누르는 즉시 시작되기 때문에 악기를 들고 재생을 제어하기가 어렵습니다.

그래서 다음 URL로 새 책갈피를 만들어 설치할 수 있는 간단한 JavaScript 책갈피를 만들기로 결정했습니다.

javascript:window.play_button = $('#play-button'); window.pause_button = $('#play-button .icon-pause'); window.fast_reverse = play_button.closest('nav').find('button:first'); window.header = $('header').eq(1); if (window.ready_timeout) { clearTimeout(window.ready_timeout); } if (window.go_timeout) { clearTimeout(window.go_timeout); } if (window.pause_button.length) { window.pause_button.click(); } window.fast_reverse.click(); window.header.css('background-color', 'red'); window.ready_timeout = setTimeout(function() { window.header.css('background-color', 'yellow'); }, 1500); window.go_timeout = setTimeout(function() { window.play_button.click(); window.header.css('background-color', 'green'); }, 3000);

노래가 이미 재생 중인 경우 일시 중지하고 처음으로 빠르게 되돌려 3초 지연된 노래를 재생하면서 노래 제목 배경을 빨간색, 노란색 및 녹색으로 변경하여 시각적 단서를 제공합니다.



궁금한 점이 있다면 스크립트는 다음과 같습니다.

window.play_button = $('#play-button');
window.pause_button = $('#play-button .icon-pause');
window.fast_reverse = play_button.closest('nav').find('button:first');
window.header = $('header').eq(1);

// Clear previous timeouts
if (window.ready_timeout) {
    clearTimeout(window.ready_timeout);
}
if (window.go_timeout) {
    clearTimeout(window.go_timeout);
}

// Pause if the song is playing
if (window.pause_button.length) {
    window.pause_button.click();
}

// Go to the beginning
window.fast_reverse.click();

// Set the header background to red
window.header.css('background-color', 'red');

// Set the header background to yellow in 1.5 seconds
window.ready_timeout = setTimeout(function() {
    window.header.css('background-color', 'yellow');
}, 1500);

// Set the header background to green and play the song in 3 seconds
window.go_timeout = setTimeout(function() {
    window.play_button.click();
    window.header.css('background-color', 'green');
}, 3000);

This post은 원래 기술에 관한 모든 것을 쓰는 my blog에 게시되었습니다.