Greasy Fork is available in English.
Control youtube video with DJ device.
// ==UserScript==
// @name Youtube DJ
// @namespace http://qaq.link/
// @version 0.2
// @description Control youtube video with DJ device.
// @author DKing
// @match http://www.youtube.com/*
// @match https://www.youtube.com/*
// @grant none
// @require https://gitcdn.xyz/cdn/djipco/webmidi/b86fac967652b5753575eb42ea70b602553caf59/webmidi.min.js
// ==/UserScript==
(function() {
'use strict';
var mapping = {
"DJ-202": {
"shift": [159, 0], // raw midi message ([159, 0, 127] for ON and [159, 0, 127] for OFF)
"video": {
"channel": 2,
"wheel": 6, // note
"forward": 65, // value
"backward": 63, // value
"play": 0 // note
},
"audio": {
"channel": 1,
"wheel": 6, // note
"forward": 65, // value
"backward": 63, // value
"mute": 0 // note
}
}
};
var video_player = null;
var auto_pause = false;
var shift_factor = 1;
var video_direction = 0;
var audio_direction = 0;
function check_videoplayer(){
if(video_player == null){
console.log("video not found");
video_player = document.getElementsByTagName('video')[0];
return false;
}
return true;
}
function change_video(v){
if(!check_videoplayer())return;
if(!video_direction)return;
video_player.currentTime += (v+1)*video_direction*shift_factor/30;
}
function change_audio(v){
if(!check_videoplayer())return;
if(!audio_direction)return;
var newvol = video_player.volume + 0.05*(v+1)*audio_direction*shift_factor;
if(newvol>1)newvol=1;
if(newvol<=0)newvol=0;
video_player.volume = newvol;
}
WebMidi.enable(function (err) {
if(WebMidi.inputs.length >= 1){
for(var devicename in mapping){
var rule = mapping[devicename];
var inputdev = WebMidi.getInputByName(devicename);
var outputdev = WebMidi.getOutputByName(devicename);
inputdev.addListener('noteon', rule["video"]["channel"],
function (e) {
//console.log(e);
if(!check_videoplayer())return;
if(e.note.number == rule["video"]["wheel"]){
var playing = !video_player.paused;
if(playing){
video_player.pause();
auto_pause = true;
}
}
if(e.note.number == rule["video"]["play"]){
if(video_player.paused)
video_player.play();
else
video_player.pause();
}
}
);
inputdev.addListener('noteoff', rule["video"]["channel"],
function (e) {
//console.log(e);
if(!check_videoplayer())return;
if(e.note.number == rule["video"]["wheel"]){
if(auto_pause){
video_player.play();
auto_pause = false;
}
}
}
);
inputdev.addListener('midimessage', 'all', function (e) {
// UNCOMMENT THIS TO CONFIGURE YOUR DEVICE
//console.log(e);
if(e.data[0] == rule["shift"][0] && e.data[1] == rule["shift"][1])
if(e.data[2] == 0)shift_factor = 8;
else shift_factor = 1;
});
inputdev.addListener('controlchange', 'all', function(e){console.log(e);});
inputdev.addListener('controlchange', [rule["video"]["channel"], rule["audio"]["channel"]],
function (e) {
//console.log(e);
if(e.channel == rule["video"]["channel"] && e.data[1] == rule["video"]["wheel"]){
if(e.data[2] == rule["video"]["forward"]){
video_direction = 1;
}
if(e.data[2] == rule["video"]["backward"]){
video_direction = -1;
}
}
if(e.channel == rule["audio"]["channel"] && e.data[1] == rule["audio"]["wheel"]){
if(e.data[2] == rule["audio"]["forward"]){
audio_direction = 1;
}
if(e.data[2] == rule["audio"]["backward"]){
audio_direction = -1;
}
}
}
);
inputdev.addListener('pitchbend', [rule["video"]["channel"], rule["audio"]["channel"]],
function (e) {
//console.log(e);
if(e.channel == rule["video"]["channel"]){
change_video(e.value);
}
if(e.channel == rule["audio"]["channel"]){
change_audio(e.value);
}
}
);
}
}
});
})();