Embedded player

When are you releasing the API for the player?? Or at least make it customisable and able to play full album or playlist. I heard a lot of people saying playlist is possible but found no help topic that actually explains how. Also long tracks skip to the end, someone said we have to edit the track length manually, again no explanation as to how??? The player is the most important feature on your website. As a musician and webdesigner I can’t promote a project that fails the most essential feature. I’m dying to promote MUSICOIN!! I released my album in other platforms but I want to promote Musicoin as the best alternative, I’m redesigning our website too and would like the player to be the landing page’s main feature!

@m-i-n-d There’s a way to make a playlist with the embed code. For your website you can either do the playlist or embed the tracks separately like I did for mine. Official Website

Here’s the embed code, just change the name and track links and see how it works for you, if you can’t get it right than yeah embed the tracks like I did on my site until they get playlists goin’.

1
MJMoonbow aka Tinman 4 months ago: Look guys this is rapoerts code. you can use it on your page… just adapt it to your tracks

<html>
<head>
<SCRIPT language=“JavaScript”>
// musicoin embedded playlist BETA 0.7 coded by @rapoet

var trackList=[

[“0x5377cc429ef1b5ef30fcb54c5d8affe891d1535d”, “Funk---------║ Brag – Kahsay”, 3, 12],
[“0x22acf74df6c419bda75ad18ff80175f261b4ccfb”, “Electronica-║ Slavery – Fiction: The Antipop”, 3, 12],
[“0x5f3538c2473759d5b20bf6eb5df1b018410db9ea”, “Electronica-║ In Touch With The Dead by THESPEAKERBREAKER”, 4, 13],
[“0x2fce4c3016c0654b94c9cc0f8ab798a57789faf1”, “Rock---------║ Mona Lisa - Juxta”, 3, 41],
[“0x01ebf1393094b36a03b2cc140de5e2aa837e9f83”, “Songwriter–║ Ode to a Friend (TC Newman Remix) by Jon Magnusson”, 3, 53],
[“0xcd6e13648835d094043c13962a06a3a4a7d94ecd”, “Electronic—║ Binary Being by T. C. Newman”, 3, 33],
[“0x3bf00d390aa5736b804b6c7bf42d8ddbc088b4e0”, “Electronica-║ Obedub (Edit) by Spaceschneider”, 3, 21],
[“0x7980abb5b25e6c8c666bb8f8b11ff6f83a0b5140”, “Electronica-║ Un día de aburrimiento by Walter Fini”, 4, 11],
[“0xd6259f20e873d69aa369072e2f73a61f58a864d7”, “Metal---------║ Path Of The Death by Omega Kane”, 4, 27],
[“0x2514266a588290115852a7db76bbc1ce32fb91be”, “Electronic—║ Forget by DNPQ”, 2, 57],
[“0x478f9f9a92ee5490a6a9df93037f996e333a89e2”, “Electronic—║ In Absentia Lucis Tenebrae Vincunt (Unmastered) by Taphophilia”,4, 23],
[“0xf08a96db7c4b47de18392235a0104bc1820b70bc”, “Electronic—║ Symbyotic Frequencies - Featuring Musicar by Clubfungus”,6, 28],
[“0xb969b74040b3ee1eadbf6be8581ea787d0874168”, “Dance/Trap║ Dance! (feat. Kristin) - Raven”,4, 27],
[“0xb969b74040b3ee1eadbf6be8581ea787d0874168”, “HipHop/Trap║ What Do Knees Do? by Hydro Hellsing”,5, 23],
[“0x8b659774303f2a2ffa44da7ad09b4e9c0898dc74”, “Electronic—║ Sunday Thinker - Sam Prock”, 1, 45],
[“0x6570d398c5e524d92a93e080df332922f9808e5a”, “Electronica–║ Wiedaeinmal – MJ Moonbow”,2, 19],
[“0x748bd8be7f6c3978b071a8d9e82be9836fee3a5b”, “<b>Tip the Developer:</b><br>Confused (Chapter 2)”, 1, 59]
]; whenYouUpdated =“11.03.2018”;
var skipd; thePlayList=""; secs=""; shufl=""; playD=""; stoP=""; preStop=""; mins=0; topCount=0; randUm=0;

function loadTracks()
{topCount = trackList.length-1; thePlayList +=’<b>$MUSICOIN Top ‘+trackList.length+’ </b> Updated ‘+whenYouUpdated+’<ol>’;
for (i=0; i<trackList.length; i++){if(trackList[i][3]<10){secs=“0”;}
thePlayList += ‘<li> <a href=“https://musicoin.org/track/’+trackList[i][0]+’”>’+trackList[i][1]+’</a> ‘+trackList[i][2]+’:’+secs+trackList[i][3]+’</li>’; secs="";}
preStop=“false”; document.getElementById(“trackLinks”).innerHTML=thePlayList; nextHit();}

function nextHit(){if(shufl==“is on”){ranDum();} topCount++; if(topCount==trackList.length){topCount=0;}
document.getElementById(“playcoins”).innerHTML=’<iframe width=“100%” src=“https://musicoin.org/embedded-player/’+trackList[topCount][0]+’?embedded=true&autoQueue=true&preview=’+preStop+’” frameborder=“0” scrolling=“no” allowfullscreen></iframe>’;
playD=‘loading track ‘+(topCount+1); if(preStop==“true”){playD=(topCount+1)+’ stopped’;} document.getElementById(“trackPlayed”).innerHTML=playD;
mins=trackList[topCount][2]*60000+trackList[topCount][3]*1000; skipd=setTimeout(function(){nextHit();}, mins);}

function ranDum(){var wheN=new Date(); randUm=wheN.getMilliseconds()%trackList.length;
if(topCount-1==randUm){topCount=randUm+(trackList.length/2); if(topCount>=trackList.length){topCount=topCount-trackList.length;}} else{topCount=randUm;}}

function shufIt(){clearTimeout(skipd); if(shufl==“is on”){shufl="";} else{shufl=“is on”;}
document.getElementById(“buttons”).innerHTML=’ SHUFFLE '+shufl; nextHit();}
function skipIt(){clearTimeout(skipd); nextHit();}
function stopIt(){clearTimeout(skipd); if(stoP==“PLAY|>”){stoP=“STOP[]”; preStop=“false”;}
else{stoP=“PLAY|>”; preStop=“true”;} document.getElementById(“bustop”).innerHTML=stoP; nextHit();}
</SCRIPT>

<style type=“text/css”>
body {background-color:#000000; color: #FFFFFF; font-family:Verdana, Geneva, sans-serif;}
a:link {color:#0492C5; text-decoration: none;}
a:visited {color:#0492C5; text-decoration: none;}
a:hover {color:#E9C20B; text-decoration: none;}
.dontBreak{float:left; text-align:left;}
</style>

</head>
<body onload=“loadTracks();”>

Rapoets musicoin playlist <font color=“ff0000”>BETA 0.7 (takes a minute to load)</font>
<br><br><div id=“playcoins” style=“padding: 0px; overflow-y:visible; border:0px;”> . </div>
<div class=“dontBreak” id=“buttons0” style=“padding: 0px; overflow-y:visible; border:0px;”>## <a href="#" onclick=“shufIt();”></div>
<div class=“dontBreak” id=“buttons” style=“padding: 0px; overflow-y:visible; border:0px;”> SHUFFLE </div>
<div class=“dontBreak” id=“button1” style=“padding: 0px; overflow-y:visible; border:0px;”>
</a>##<a href="#" onclick=“skipIt();”>SKIP|>|></a> ##<a href="#" onclick=“stopIt();”></div>
<div class=“dontBreak” id=“bustop” style=“padding: 0px; overflow-y:visible; border:0px;”>STOP[]</div></a> ##

<div id=“trackLinks” style=“padding: 0px; overflow-y:visible; border:0px;”>Check these artists!</div></ol>
<div id=“trackPlayed” style=“padding: 0px; overflow-y:visible; border:0px;”>Check these artists!</div>

If you like this playlist, leave a tip for the DJ,
<a href=“https://musicoin.org/artist/0x2bc6a3a65edca036b12970e2eb4f705e04f4600c”>
MJ Moonbow</a>.<br>
If you use this embeddable player, leave a tip for the developer
<a href=“https://musicoin.org/nav/artist/0x2b24c7244c509f2ddfb32597c6d820fc2449d213”>
@RapOet</a> on $Musicoin.
PEACE!

</body>
</html>

Ambassadors

Yes @Hydro-Hellsing thank you for posting 🙂

Also @M-I-N-D if you look in the signature of my posts, I have written step by step instructions for how to do it, as well as a thread for common questions about modifying the playlist (shuffle mode, etc.)

NOTE!!!
Chrome now by default does not autoplay so you have to

  1. Type in your browser “chrome://flags/”
  2. Scroll down or “CTRL+F” for “Autoplay policy”
  3. Choose “No user gesture is required”
  4. Restart your browser
    (No point in a playlist that doesn’t autoplay 🙂 )

Looks like your connection to Musicoin Forum was lost, please wait while we try to reconnect.