Play user defined sequence.
Example page
<html>
<head>
<script src="https://surikov.github.io/riffplay/riffplay_module.js"></script>
</head>
<body>
<h1>test</h1>
<p><a id='linktest' href='#'>click</a>
<script>
var tempo = '120';
var drums = [{"drum":0,"beat":0}, {"drum":5,"beat":0}
,{"drum":2,"beat":4}, {"drum":5,"beat":4}
,{"drum":0,"beat":8}, {"drum":5,"beat":8}
,{"drum":2,"beat":12},{"drum":5,"beat":12}
];
var notes = [{"track":5,"beat":0 ,"length":2,"shift":0,"pitch":9}
,{"track":5,"beat":4 ,"length":2,"shift":0,"pitch":4}
,{"track":5,"beat":8 ,"length":2,"shift":0,"pitch":9}
,{"track":5,"beat":12,"length":2,"shift":0,"pitch":4}
];
var songlink = encodeRiffURL(tempo,drums,notes);
document.getElementById('linktest').onclick=function(){
console.log(songlink);
window.open(songlink);
};
</script>
</body>
</html>
See live example https://surikov.github.io/riffplay/test.html
Main function
var songlink = encodeRiffURL(tempo,drums,notes);
Parameters:
Return
URL with encoded playable melody. Use this URL as a link.
tempo is 80-240
0.Bass drum 1.Low Tom 2.Snare drum 3.Mid Tom 4.Closed Hi-hat 5.Open Hi-hat 6.Ride Cymbal 7.Splash Cymbal
0.Distortion guitar 1.Acoustic guitar 2.Percussive Organ 3.PalmMute guitar 4.Acoustic Piano 5.Bass guitar 6.String Ensemble 7.Synth Bass
Use this code
var C=0,Cs=1,D=2,Ds=3,E=4,F=5,Fs=6,G=7,Gs=8,A=9,As=10,B=11;
var O=12;
//
var BassDrum=0;
var LowTom=1;
var SnareDrum=2;
var MidTom=3;
var ClosedHiHat=4;
var OpenHiHat=5;
var RideCymbal=6;
var SplashCymbal=7;
//
var DistortionGuitar=0;
var AcousticGuitar=1;
var PercussiveOrgan=2;
var PalmMuteGuitar=3
var AcousticPiano=4;
var BassGuitar=5
var StringEnsemble=6;
var SynthBass=7;
Example of melody definition
var tempo = '120';
var drums = [{"drum":BassDrum,"beat":0},{"drum":OpenHiHat,"beat":0}
,{"drum":SnareDrum,"beat":4},{"drum":ClosedHiHat,"beat":4}
,{"drum":MidTom,"beat":7},{"drum":ClosedHiHat,"beat":7}
,{"drum":BassDrum,"beat":8},{"drum":OpenHiHat,"beat":8}
,{"drum":SnareDrum,"beat":12},{"drum":ClosedHiHat,"beat":12}
,{"drum":LowTom,"beat":15},{"drum":ClosedHiHat,"beat":15}
];
var notes = [{"track":BassGuitar,"beat":0 ,"length":8,"shift":0,"pitch":E+O*0},{"track":PercussiveOrgan,"beat":0 ,"length":4,"shift":0,"pitch":B+O*1},{"track":PercussiveOrgan,"beat":0 ,"length":4,"shift":0,"pitch":E+O*2}
,{"track":PercussiveOrgan,"beat":7 ,"length":1,"shift":0,"pitch":E+O*2},{"track":PercussiveOrgan,"beat":7 ,"length":1,"shift":0,"pitch":G+O*2}
,{"track":BassGuitar,"beat":8 ,"length":8,"shift":0,"pitch":G+O*0},{"track":PercussiveOrgan,"beat":8 ,"length":4,"shift":0,"pitch":E+O*2},{"track":PercussiveOrgan,"beat":8 ,"length":4,"shift":0,"pitch":G+O*2}
,{"track":PercussiveOrgan,"beat":15 ,"length":1,"shift":0,"pitch":As+O*1},{"track":PercussiveOrgan,"beat":15 ,"length":1,"shift":0,"pitch":Ds+O*2}
];
var songlink = encodeRiffURL(tempo,drums,notes);
See live example https://surikov.github.io/riffplay/test2.html
"dependencies": {
"riffplay": "^1.0.3"
}
var m = require('riffplay');
var songlink = encodeRiffURL(tempo, drums, notes);
FAQs
Create link to riff
We found that riffplay demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Company News
Socket won two 2026 Reppy Awards from RepVue, ranking in the top 5% of all sales orgs. AE Alexandra Lister shares what it's like to grow a sales career here.
Security News
NIST will stop enriching most CVEs under a new risk-based model, narrowing the NVD's scope as vulnerability submissions continue to surge.
Company News
/Security News
Socket is an initial recipient of OpenAI's Cybersecurity Grant Program, which commits $10M in API credits to defenders securing open source software.