<html>
<head>
<title>Audio Card via YouTube - RJM Programming - March, 2025</title>
<style>
body {
background-color: #f9f9f9;
}
input[type=text] {
background-color: #f0f0f0;
}
</style>
<script type=text/javascript>
// Integrate https://www.rjmprogramming.com.au/PHP/imagegridmap.php
var wo=null, innards='', modusoperandi='', twaconto=null, twacontoiurl=null, twocontocont='';
var htmlis='';
if (('' + location.hash).indexOf('aud' + 'iocard') > 0) {
innards=decodeURIComponent(('' + location.hash)).split('aud' + 'iocard')[1].replace(/^\=/g,'');
wo=window.open('', '_blank', 'top=10,left=10,width=550,height=550');
wo.document.write(innards);
}
function fauxask() {
var usuffix='', ustart=0, uend=0, emt='';
htmlis='';
if (eval(('' + document.getElementById('youtubeid').value.trim()).length) == 11) {
htmlis='<html><head><title></title><scr' + 'ipt type=text/javascript src=//www.rjmprogramming.com.au/ytaudioonly.js></scr' + 'ipt></head><body></body></html>';
if (document.getElementById('start').value.trim() != '') {
if (document.getElementById('start').value.substring(0,1) >= '0' && document.getElementById('start').value.substring(0,1) <= '9') {
ustart=eval('' + document.getElementById('start').value.trim());
usuffix+='&t=' + document.getElementById('start').value.trim() + 's';
if (document.getElementById('end').value.trim() == '') {
htmlis=htmlis.replace('</head>', '<scr' + "ipt type=text/javascript> var aclickhappened=false; function checkta() { var tas=document.getElementsByTagName('textarea'); if (aclickhappened && eval('' + tas.length) > 0) { if (tas[0].placeholder.indexOf('/') < 20 && tas[0].placeholder.indexOf('/') > 0) { if (eval('' + tas[0].placeholder.split('/')[0]) < " + ustart + ") { tas[0].value='s'; aclickhappened=false; } } } } setTimeout(function(){ setInterval(checkta,1000); }, 3000); </scr" + 'ipt></head>');
}
}
}
if (document.getElementById('end').value.trim() != '') {
if (document.getElementById('end').value.substring(0,1) >= '0' && document.getElementById('end').value.substring(0,1) <= '9') {
uend=eval('' + document.getElementById('end').value.trim());
htmlis=htmlis.replace('</head>', '<scr' + "ipt type=text/javascript> var aclickhappened=false; function checkta() { var tas=document.getElementsByTagName('textarea'); if (aclickhappened && eval('' + tas.length) > 0) { if (tas[0].placeholder.indexOf('/') < 20 && tas[0].placeholder.indexOf('/') > 0) { if (eval('' + tas[0].placeholder.split('/')[0]) < " + ustart + " || eval('' + tas[0].placeholder.split('/')[0]) > " + uend + ") { tas[0].value='s'; aclickhappened=false; } } } } setInterval(checkta,1000); </scr" + 'ipt></head>');
usuffix+='#e=' + document.getElementById('end').value.trim() + '';
}
}
if (document.getElementById('background').value.trim() != '') {
if (usuffix != '') {
htmlis=htmlis.replace('</head>', '<style> body { background:linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url("' + document.getElementById('background').value + '"); background-size: cover; } </style></head>');
} else {
htmlis=htmlis.replace('</head>', '<style> body { background:linear-gradient(rgba(255,255,255,0.6),rgba(255,255,255,0.6)),url("' + document.getElementById('background').value + '"); background-size: cover; } </style><scr' + 'ipt type=text/javascript> var aclickhappened=false; </scr' + 'ipt></head>');
}
} else if (usuffix == '') {
htmlis=htmlis.replace('</head>', '<scr' + 'ipt type=text/javascript> var aclickhappened=false; </scr' + 'ipt></head>');
}
if (document.getElementById('wording').value.indexOf('...') != -1) {
emt=document.getElementById('wording').value;
htmlis=htmlis.replace('</title>', document.getElementById('wording').value + '</title>');
if (modusoperandi == '') { document.title=document.getElementById('wording').value; }
htmlis=htmlis.replace('</body>', '<span ontouchdown=" aclickhappened=true;" onmousedown=" aclickhappened=true;" >' + document.getElementById('wording').value.split('...')[0] + '<a class=audioytplay href="//youtube.com/watch?v=' + document.getElementById('youtubeid').value.trim() + usuffix + '">' + document.getElementById('wording').value.split('...')[1] + '</a>' + document.getElementById('wording').value.split(document.getElementById('wording').value.split('...')[0] + '...' + document.getElementById('wording').value.split('...')[1])[1] + '</span>');
} else if (document.getElementById('wording').value.trim() != '') {
emt=document.getElementById('wording').value;
htmlis=htmlis.replace('</title>', document.getElementById('wording').value + '</title>');
if (modusoperandi == '') { document.title=document.getElementById('wording').value; }
htmlis=htmlis.replace('</body>', '<span ontouchdown=" aclickhappened=true;" onmousedown=" aclickhappened=true;" ><a class=audioytplay href="//youtube.com/watch?v=' + document.getElementById('youtubeid').value.trim() + usuffix + '">Your Audio Card!</a></span>');
} else {
emt='Audio Card';
htmlis=htmlis.replace('</title>', 'Audio Card</title>');
htmlis=htmlis.replace('</body>', '<span ontouchdown=" aclickhappened=true;" onmousedown=" aclickhappened=true;" ><a class=audioytplay href="//youtube.com/watch?v=' + document.getElementById('youtubeid').value.trim() + usuffix + '">Your Audio Card!</a></span>');
}
if (modusoperandi == '') {
document.getElementById('previewif').style.display='block';
document.getElementById('previewif').style.width='100%';
document.getElementById('previewif').style.height='800px';
document.getElementById('previewif').srcdoc=htmlis;
document.getElementById('btt').style.display='inline';
document.getElementById('btt').scrollIntoView();
//window.open('./audio_card.html#audiocard=' + encodeURIComponent(htmlis), '_blank');
} else if (modusoperandi == 'email') {
document.getElementById('emailsms').href='mailto:?subject=' + encodeURIComponent(emt) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '#xaudiocard=' + encodeURIComponent(htmlis));
document.getElementById('emailsms').click();
} else if (modusoperandi == 'sms') {
document.getElementById('emailsms').href='sms:&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '#xaudiocard=' + encodeURIComponent(htmlis));
document.getElementById('emailsms').click();
}
}
setTimeout(refocus,1500);
return false;
}
function lookfor() {
if (twacontoiurl) {
if (twacontoiurl.innerHTML.indexOf('data:') == 0) {
twocontocont=twacontoiurl.innerHTML;
twacontoiurl.innerHTML='';
document.getElementById('background').value=twocontocont;
document.getElementById('cbi').style.visibility='hidden';
document.getElementById('cbi').src='/HTMLCSS/client_browsing.htm?d=' + Math.floor(Math.random() * 19897865) + '&wording=Allimages%20images%2E%20';
document.getElementById('cbi').style.visibility='visible';
setTimeout(refocus,1500);
}
}
}
function checkit(iois) {
twaconto = (iois.contentWindow || iois.contentDocument);
if (twaconto != null) {
if (twaconto.document) { twaconto = twaconto.document; }
twacontoiurl=document.getElementById('result');
if (twacontoiurl) { setInterval(lookfor, 3000); }
}
}
function checkka(iois) {
var aconto = (iois.contentWindow || iois.contentDocument);
if (aconto != null) {
if (aconto.document) { aconto = aconto.document; }
}
}
function puty(osel) {
//alert('4:' + osel.value);
document.getElementById('youtubeid').value=osel.value;
setTimeout(refocus,1500);
}
function dputy(osel) {
//alert('44:' + osel.value);
document.getElementById('youtubeid').value=osel.value;
setTimeout(refocus,1500);
}
function refocus() {
document.getElementById('kai').src='/HTMLCSS/karaoke_youtube_api.htm?youtubeid=&audiocard=yes&minimize=y&youtube_duration=&email=&emoji=on&ir=' + Math.floor(Math.random() * 19897865);
}
</script>
</head>
<body>
<h1 id=myh1>Audio Card via YouTube <div id=divpajaxs></div></h1>
<h3>RJM Programming - March, 2025</h3>
<div id="result" style=display:none;></div>
<form onsubmit='return fauxask();' method=GET action=./audio_card.html>
<input style=width:98%;margin-bottom:5px; type=text onblur=setTimeout(refocus,500); id=wording name=wording value='' placeholder="Please enter wording for your Audio Card message (optional ... (ie. three dots delimits underlined part))"></input><br>
<div id=oversee style='display:inline-block;width:173px;height:25px;overflow:hidden;'><iframe id=kai frameborder=0 onload=checkka(this); style="display:inline-block;" src="/HTMLCSS/karaoke_youtube_api.htm?youtubeid=&audiocard=yes&minimize=y&youtube_duration=&email=&emoji=on&ir=140972061"></iframe></div> / <input style="width:65%;margin-bottom:5px;" type=text onblur=setTimeout(refocus,500); id=youtubeid name=youtubeid value='' placeholder="Please enter Audio Card YouTube 11 character video (for audio stream) ID"></input> <input style="width:9%;" type=text name=start id=start placeholder="Start [0] seconds" value=""></input> <input style="width:9%;" type=text name=end id=end placeholder="End [End] seconds" value=""></input><br>
<iframe id=cbi scrolling=no frameborder=0 onload=checkit(this); style="width:173px;height:218px;margin-top:-204px;display:inline-block;" src="/HTMLCSS/client_browsing.htm?d=312160562686&wording=Allimages%20images%2E%20"></iframe> / <input style=width:85%; type=text id=background name=background value='' onblur=setTimeout(refocus,500); placeholder="Optional Audio Card background image URL"></input><br><br>
<input style=background-color:lightblue; ontouchdown="modusoperandi='email';" onmousedown="modusoperandi='email';" type=submit value='Email 📧' name='email'></input> <input style=background-color:lightbrown; ontouchdown="modusoperandi='sms';" onmousedown="modusoperandi='sms';" type=submit value='SMS 📟' name='sms'></input> <input style=background-color:lightgreen; ontouchdown="modusoperandi=''; fauxask();" onmousedown="modusoperandi=''; fauxask();" type=button value='Preview ⬇'></input>
</form>
<a id=emailsms style=display:none; href='mailto:?subject=Audio%20Card'>Email or SMS</a>
<div id="resultav" style=display:none;></div>
<div id="videoag" style=display:none;></div>
<input type=hidden id="audioname" style=display:none; value=''></input>
<input type=hidden id="outputname" style=display:none; value=''></input>
<input type=hidden id="cto" style=display:none; value=''></input>
<input type=hidden id="thewords" style=display:none; value=''></input>
<input type=hidden id="saysub" style=display:none; value=''></input>
<a id=btt style=display:none; href='#myh1'>Back to top ...</a><br>
<iframe id=previewif style=display:none; srcdoc=></iframe>
</body>
</html>