<html>
<head>
<title>Video Commentary or Notes - RJM Programming - July, 2025</title>
<meta charset="UTF-8"/>
<meta id='myviewport' name='viewport' content='width=device-width, initial-scale=0.7, minimum-scale=0.1, maximum-scale=8, user-scalable=yes' >
<style>
input[type=text] {
width: 95%;
background-color: #f0f0f0;
}
textarea {
width: 95%;
background-color: #f8f8f8;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: portrait) {
input[type=submit] {
font-size: 36px;
color: blue;
border-radius: 30px;
margin: 9 9 9 9;
}
button {
font-size: 24px;
}
}
@media only screen and (min-device-width: 320px) and (max-device-width: 765px) and (orientation: landscape) {
input[type=submit] {
font-size: 36px;
color: blue;
border-radius: 30px;
margin: 9 9 9 9;
}
button {
font-size: 24px;
}
}
</style>
<script type=text/javascript src='./subrip_helper.js' defer></script>
<script type=text/javascript>
var gevt=null, ginst='', gthist='', gthisih='', gthiscs=null, nost=false, lastnost='', atwork=false, huhs=[];
var prefixer="", suffixer="", kbd=[''], ikbd=0, isShift=false, beforek='', afterk='', beforekih='', afterkih='', canbeequal=false, awaitblur=false;
var wowo=null;
var anyhash='';
var gpdf='', gpdef='', pdef='', pans='', ctis='', ctsecs=0.0, startTime=null, endTime=null; // thanks to https://stackoverflow.com/questions/41632942/how-to-measure-time-elapsed-on-javascript
var ptov=true, bellzero=' ', invislist=[], invisunlist=[], giv=0, ipbit='';
var theone='01', aone=1, templatediv='';
var yidhelper=null, suffixactual='', wasdb='', suffis='';
var aonest='.wav.audio/wav.m4a.audio/mp4.mp3.audio.mpeg.aiff.audio/aiff.aif.audio/aiff.';
var ovo=null, ovoid='', ovrect=null, ovodiv=null, newrect=null, ovodivcont='';
var bw=1;
function appendage(inid) {
if (document.getElementById(inid)) {
if (document.getElementById(inid).value == '') {
if (('' + document.getElementById(inid).getAttribute('data-placeholder')).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
if (document.URL.indexOf('/song_lyric_faux_pas.htm') != -1) { document.getElementById(inid).style.visibility='hidden'; }
invislist.push(inid);
document.getElementById(inid).value='' + document.getElementById(inid).getAttribute('data-placeholder');
}
}
if (document.getElementById(inid).value.trim() != '') {
return '~{ "title": "' + document.getElementById(inid).value.replace(/\~/g,' ') + '" }';
}
}
return '';
}
function onemore(ao) {
aone=eval('' + ao.getAttribute('data-offset'));
//alert('aone=' + aone + ' and theone=' + theone + ' and templatediv=' + templatediv);
if (document.getElementById('det' + theone)) {
document.getElementById('sum' + theone).innerHTML=document.getElementById('sum' + theone).innerHTML.replace('Current video','Video');
document.getElementById('det' + theone).open=false;
}
aone=1;
while (document.getElementById('det' + ('0' + aone).slice(-2))) {
aone++;
}
theone=('0' + aone).slice(-2);
document.getElementById('tbtheone').value='' + theone;
ao.setAttribute('data-offset', '' + aone);
document.getElementById('moredfp').innerHTML+=templatediv.replace(/01\"/g, theone + '"');
mapsome();
var dets=document.getElementsByTagName('summary');
for (var idets=0; idets<dets.length; idets++) {
if (dets[idets].id.indexOf(theone) == -1) {
dets[idets].innerHTML=dets[idets].innerHTML.replace('Current video','Video');
}
}
}
function gettheone() {
return '' + theone;
}
function doemail(inemis) {
var arrinput=[], karr=0;
wasdb='';
suffis='';
var anchor=null;
var emis='';
if (('' + inemis).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
//alert(inemis);
emis=inemis;
} else {
emis=prompt('Please enter email address to send to. Can # separate an additionally suffixed personalized message to recipient when faux pas reached.', '');
}
if (emis == null) { emis=''; }
if (emis.indexOf('[') > 0 && emis.indexOf(']') > emis.indexOf('[') && emis.indexOf('#') > emis.indexOf(']') && emis.split('#')[eval(-1 + emis.split('#').length)].indexOf('[') > 0 && emis.split('#')[eval(-1 + emis.split('#').length)].indexOf(']') > emis.split('#')[eval(-1 + emis.split('#').length)].indexOf('[')) {
anyhash='#group=' + encodeURIComponent(emis.split('#')[eval(-1 + emis.split('#').length)] + ',' + emis.replace(/\ /g,'%20').split('#')[0]);
emis=nosq(emis); //emis.replace('#',',');
//alert(emis);
} else {
anyhash='';
}
//alert(anyhash);
if (emis.indexOf('#') != -1) { suffis=emis.split('#')[1].trim(); emis=emis.split('#')[0]; }
if (suffis.trim() != '') {
wasdb=document.body.innerHTML;
arrinput=document.getElementsByTagName('input');
for (karr=0; karr<arrinput.length; karr++) {
if (('' + arrinput[karr].id).indexOf('really') != -1) {
if (arrinput[karr].value != '') {
arrinput[karr].value+=' ... ' + suffis;
} else {
arrinput[karr].setAttribute('data-placeholder', '' + arrinput[karr].getAttribute('data-placeholder') + ' ... ' + suffis);
}
}
}
}
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
if (emis.trim() == emis.trim().toUpperCase()) {
anchor.href = 'mailto:' + nosq(emis.trim()) + '?subject=My%20Video%20commentary' + (inemis == '' ? '' : encodeURIComponent(' regarding collaboration group ' + inemis.replace('#',','))) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML)));
} else {
anchor.href = 'mailto:' + nosq(emis.trim()) + '?subject=My%20Video%20commentary' + (inemis == '' ? '' : encodeURIComponent(' regarding collaboration group ' + inemis.replace('#',','))) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML))); // + encodeURIComponent(document.body.innerHTML));
}
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
if (suffis.trim() != '') {
setTimeout(andlater, 3000);
}
} else if (emis.trim() != '' && emis.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + nosq(emis.trim()) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML))); // + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML)));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
if (suffis.trim() != '') {
setTimeout(andlater, 3000);
}
}
}
function dosms(inemis) {
var arrinput=[], karr=0;
wasdb='';
suffis='';
var anchor=null;
var emis='';
if (('' + inemis).replace(/^undefined/g,'').replace(/^null/g,'') != '') {
emis=inemis;
} else {
emis=prompt('Please enter SMS number to send to. Can # separate an additionally suffixed personalized message to recipient when faux pas reached.', '');
}
if (emis == null) { emis=''; }
if (emis.indexOf('[') > 0 && emis.indexOf(']') > emis.indexOf('[') && emis.indexOf('#') > emis.indexOf(']') && emis.split('#')[eval(-1 + emis.split('#').length)].indexOf('[') > 0 && emis.split('#')[eval(-1 + emis.split('#').length)].indexOf(']') > emis.split('#')[eval(-1 + emis.split('#').length)].indexOf('[')) {
anyhash='#group=' + encodeURIComponent(emis.split('#')[eval(-1 + emis.split('#').length)] + ',' + emis.replace(/\ /g,'%20').split('#')[0]);
emis=nosq(emis); //emis.replace('#',',');
//alert(emis);
} else {
anyhash='';
}
if (emis.indexOf('#') != -1) { suffis=emis.split('#')[1].trim(); emis=emis.split('#')[0]; }
if (suffis.trim() != '') {
wasdb=document.body.innerHTML;
arrinput=document.getElementsByTagName('input');
for (karr=0; karr<arrinput.length; karr++) {
if (('' + arrinput[karr].id).indexOf('really') != -1) {
if (arrinput[karr].value != '') {
arrinput[karr].value+=' ... ' + suffis;
} else {
arrinput[karr].setAttribute('data-placeholder', '' + arrinput[karr].getAttribute('data-placeholder') + ' ... ' + suffis);
}
}
}
}
if (emis.indexOf('@') != -1) {
anchor = document.createElement('a');
if (emis.trim() == emis.trim().toUpperCase()) {
anchor.href = 'mailto:' + nosq(emis.trim()) + '?subject=My%20Video%20commentary' + (inemis == '' ? '' : encodeURIComponent(' regarding collaboration group ' + inemis.replace('#',','))) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML)));
} else {
anchor.href = 'mailto:' + nosq(emis.trim()) + '?subject=My%20Video%20commentary' + (inemis == '' ? '' : encodeURIComponent(' regarding collaboration group ' + inemis.replace('#',','))) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML))); // + encodeURIComponent(document.body.innerHTML));
}
anchor.style.display='none';
document.body.appendChild(anchor);
anchor.innerHTML='Email';
anchor.target='_top';
anchor.click();
if (suffis.trim() != '') {
setTimeout(andlater, 3000);
}
} else if (emis.trim() != '' && emis.trim().replace(/0/g,'').replace(/1/g,'').replace(/2/g,'').replace(/3/g,'').replace(/4/g,'').replace(/5/g,'').replace(/6/g,'').replace(/7/g,'').replace(/8/g,'').replace(/9/g,'') == '') {
anchor = document.createElement('a');
anchor.href = 'sms:' + nosq(emis.trim()) + '&body=' + encodeURIComponent(document.URL.split('?')[0].split('#')[0] + '?rand=' + theone + '.' + Math.floor(Math.random() * 19897865) + '#bodyih=' + encodeURIComponent(seveninps(document.getElementById('dfp').innerHTML)));
anchor.style.display='none';
anchor.innerHTML='SMS';
anchor.target='_top';
anchor.click();
if (suffis.trim() != '') {
setTimeout(andlater, 3000);
}
}
}
function thenslapmaybe() {
var retval='', sevencnt=0, interimcnt=-1, intcnt=0, tas=[], jin=0;
var sepr='^%$', inpso=[];
huhs=[];
if (decodeURIComponent(('#' + location.hash)).indexOf('#bodyih=') != -1) {
if (decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1].indexOf('<ta' + 'ble') != -1) {
//alert(decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1]);
document.body.innerHTML=decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1];
//alert(decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1].slice(-150));
} else {
huhs=decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1].split('^%$');
if (anyhash != '') {
lookatthreetosix();
}
if (eval('' + huhs.length) >= 7) {
inpso=document.getElementsByTagName('input');
tas=document.getElementsByTagName('textarea');
if (eval('' + tas.length) > 1) { interimcnt=2; } else if (anyhash != '') { overlayit(inpso[2]); }
for (jin=0; jin<7; jin++) {
if (interimcnt >= 0 && sevencnt < interimcnt) {
inpso[jin].value=huhs[jin];
//alert('seven=' + sevencnt);
sevencnt++;
} else if (eval(jin - interimcnt) == 4) {
inpso[2].value=huhs[jin];
sevencnt++;
} else {
//alert('tai=' + eval(jin - interimcnt));
//tas[eval(jin - interimcnt)].innerHTML=huhs[jin];
tas[eval(jin - interimcnt)].innerHTML=huhs[jin];
sevencnt++;
}
if (jin == 0 && huhs[jin].trim() != '' && huhs[1].trim() == '') {
yidhelper=window.open('/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++++++++++' + encodeURIComponent(huhs[jin]) + '#srt=','_blank','top=50,left=' + eval(-600 + screen.width) + ',width=600,height=900');
}
//inpso[eval(1 + jin)].focus(); //inpso[jin].blur();
//alert(1);
}
sevencnt=0;
interimcnt=-1;
if (eval('' + tas.length) > 1) { interimcnt=2; }
for (jin=0; jin<7; jin++) {
if (interimcnt >= 0 && sevencnt < interimcnt) {
if (('' + inpso[jin].id).indexOf('fauxpas') == 0 && anyhash != '') {
if (eval('' + ('' + inpso[jin].id).split('fauxpas')[1].length) == 2) {
if (inpso[jin].value == '') {
if (('' + inpso[jin].placeholder).indexOf('<font') != 0) {
inpso[jin].placeholder='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + inpso[jin].placeholder.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
inpso[jin].setAttribute('data-placeholder', inpso[jin].placeholder);
}
} else if (huhs[jin].value.indexOf('<font') != 0) {
inpso[jin].value='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + huhs[jin].value.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
}
} else if (eval(jin - interimcnt) == 4 && anyhash != '') {
inpso[2].value=huhs[jin];
sevencnt++;
} else if (('' + inpso[jin].id).indexOf('reaJUNKlly') != -1 && anyhash != '') {
if (inpso[jin].value == '') {
if (('' + inpso[jin].placeholder).indexOf('<font') != 0) {
inpso[jin].placeholder='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + inpso[jin].placeholder.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
inpso[jin].setAttribute('data-placeholder', inpso[jin].placeholder);
}
} else if (inpso[jin].value.indexOf('<font') != 0) {
inpso[jin].value='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + inpso[jin].value.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
}
}
}
//inpso[jin].value=huhs[jin];
sevencnt++;
} else if (eval(jin - interimcnt) < 4) {
if (('' + tas[eval(jin - interimcnt)].id).indexOf('fauxpas') == 0 && anyhash != '') {
if (eval('' + ('' + tas[eval(jin - interimcnt)].id).split('fauxpas')[1].length) == 2) {
//alert(2);
if (tas[eval(jin - interimcnt)].value == '') {
if (('' + tas[eval(jin - interimcnt)].placeholder).indexOf('<font') != 0) {
tas[eval(jin - interimcnt)].placeholder='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + tas[eval(jin - interimcnt)].placeholder.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
tas[eval(jin - interimcnt)].setAttribute('data-placeholder', tas[eval(jin - interimcnt)].placeholder);
huhs[jin]='';
}
} else if (tas[eval(jin - interimcnt)].value.indexOf('<font') != 0) {
tas[eval(jin - interimcnt)].value='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + tas[eval(jin - interimcnt)].value.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">') + '</font>';
huhs[jin]='';
}
if (eval(jin - interimcnt) == 0) {
overlayit(tas[eval(jin - interimcnt)]);
}
} else if (('' + tas[eval(jin - interimcnt)].id).indexOf('reaJUNKlly') != -1 && anyhash != '') {
//alert(22);
if (tas[eval(jin - interimcnt)].value == '') {
if (('' + tas[eval(jin - interimcnt)].placeholder).indexOf('<font') != 0) {
tas[eval(jin - interimcnt)].placeholder='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + tas[eval(jin - interimcnt)].placeholder.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onclick="parent.onl(event);" color="black">') + '</font>';
huhs[jin]='';
}
} else if (tas[eval(jin - interimcnt)].innerHTML.indexOf('<font') != 0) {
tas[eval(jin - interimcnt)].innerHTML=huhs[jin]='<font contenteditable="true" onblur="parent.obl(event);" onkeydown="parent.okd(event);" onclick="parent.onl(event);" color="black">' + tas[eval(jin - interimcnt)].value.replace(/\ \ \,\ \ /g, '</font> , <font contenteditable="true" onclick="parent.onl(event);" color="black">') + '</font>';
}
}
}
//tas[eval(jin - interimcnt)].innerHTML=huhs[jin];
sevencnt++;
}
if (jin == 0 && huhs[jin].trim() != '' && huhs[1].trim() == '') {
yidhelper=window.open('/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++++++++++' + encodeURIComponent(huhs[jin]) + '#srt=','_blank','top=50,left=' + eval(-600 + screen.width) + ',width=600,height=900');
}
//inpso[eval(1 + jin)].focus(); //inpso[jin].blur();
//alert(1);
}
}
//document.getElementById('dfp').innerHTML=decodeURIComponent(('#' + location.hash)).split('#bodyih=')[1];
}
setTimeout(function(){
var dets=document.getElementsByTagName('details');
for (var idets=0; idets<dets.length; idets++) {
if (dets[idets].open) {
if (document.getElementById(dets[idets].id.replace('det','sum')).innerHTML.indexOf('Current video') != -1) {
theone=('' + dets[idets].id).replace('det','');
document.getElementById('tbtheone').value='' + theone;
mapsome();
}
}
}
if (theone != '01' || 2 == 2) {
if (yidhelper == null && document.getElementById('youtubeid' + theone).value == '' && document.getElementById('songname' + theone).value != '') {
yidhelper=window.open('/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++++++++++' + encodeURIComponent(document.getElementById('songname' + theone).value) + '#srt=','_blank','top=50,left=' + eval(-600 + screen.width) + ',width=600,height=900');
}
}
}, 2000);
}
}
function curctmore() {
ctis=document.getElementById('curct').title;
if (ctis != '') { ctsecs=eval('' + document.getElementById('curct').innerHTML); startTime = new Date(); setTimeout(curctyetmore, 100); } else { setTimeout(curctmore, 100); }
}
setTimeout(curctmore, 100);
</script>
<script type=text/javascript src='/beep.js?iam=song_lyric_faux_pas.html&rand=76576533' defer></script>
</head>
<body onload=" mobissue(); templatediv=document.getElementById('dfp').innerHTML; setTimeout(thenslapmaybe,3000);">
<table style="width:100%;">
<tr><th id=thleft></th><th id=thright></th>
<tr><td id=tdleft style='vertical-align:top;'>
<h1>Video Commentary or Notes <select style="width:24px;display:inline-block;" id=sisterhood onchange="selchange(this);"><option value=''>-</option><option value='./song_lyric_faux_pas.html'>Song Lyric Faux Pas</option><option value='./video_commentary.html'>Video Commentary</option></select> YouTube <button data-style=display:none; onclick="event.stopPropagation(); bellzero=bellzero.replace(' ','x').replace('0',' ').replace('x','0'); if (this.innerHTML.indexOf('</strike>') != -1) { this.innerHTML=this.innerHTML.replace('<strike>','').replace('</strike>',''); } else { this.innerHTML='<strike>' + this.innerHTML + '</strike>'; } ourbeep(); " id=cbbeep><strike>Beep</strike></button> Style - <button onclick="setTimeout(function(){ doemail(''); }, 2000);" id="butemail">Email 📧</button> <button onclick="setTimeout(function(){ dosms(''); }, 2000);" id="butsms">SMS 📟</button> <div id=dcol style=display:inline-block;></div> <div id=diaudio style=display:none;></div></h1>
<h3>RJM Programming <a title="Add another video into the mix for consideration." style=text-decoration:underline;cursor:pointer; data-offset="2" onclick="onemore(this);">+</a> July, 2025</h3>
<form id=myform onsubmit="return dosrtetc();" target=rightif method=GET action='/HTMLCSS/karaoke_youtube_api.htm'>
<div id=dfp>
<details ontoggle="if (('' + this.open) == 'true') { document.getElementById('sum' + theone).innerHTML=document.getElementById('sum' + theone).innerHTML.replace('Current video','Video'); theone=this.id.replace('det',''); mapsome(); } else { document.getElementById('sum' + this.id.replace('det','').replace('sum','')).innerHTML=document.getElementById('sum' + this.id.replace('det','').replace('sum','')).innerHTML.replace('Current video','Video'); } " id="det01" open><summary id="sum01">Current video ...</summary>
<input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('songname',''); document.getElementById('tbtheone').value='' + theone; document.getElementById('songname').value=this.value; mapsome(); document.getElementById('refurl' + theone).value=''; document.getElementById('refurl' + theone).placeholder=''; yidhelper=window.open('/HTMLCSS/karaoke_youtube_api.htm?youtubeid=++++++++++++' + encodeURIComponent(this.value) + '#srt=','_blank','top=50,left=' + eval(-600 + screen.width) + ',width=600,height=900'); }" title="Video Title" id=songname01 placeholder="Medieval Mauritanian city" value=""></input><br>
<input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('youtubeid',''); document.getElementById('tbtheone').value='' + theone; document.getElementById('youtubeid').value=this.value; mapsome(); }" title="YouTube 11 character ID pointing at a Karaoke version for your Song" id=youtubeid01 placeholder="5BkIc_g8ktw" value="" oncontextmenu="if (this,value == '' && eval('' + this.placeholder.length) == 11) { yidhelper=window.open('/HTMLCSS/karaoke_youtube_api.htm?youtubeid=' + encodeURIComponent(this.placeholder) + '#srt=','_blank','top=50,left=' + eval(-600 + screen.width) + ',width=600,height=900'); }"></input><br><br>
<textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=fontcol(this).id.replace('fauxpas',''); document.getElementById('tbtheone').value='' + theone; mapsome(); document.getElementById(this.id.replace('fauxpas','fauxpasreally')).setAttribute('data-placeholder',''); } atwork=false;" onkeydown="atwork=true;" title="Video commentary or note ... multiple can be separated by , (ie. space space comma space space)" data-name=fauxpas01 id=fauxpas01 data-placeholder="Here we are in the ancient medieval city called Oualâta in Mauritania to the north west of Africa ... , Oualâta lies in the Hodh El Chargi region ... , Oualâta was first settled by the Mandé Soninke people ... , Beautiful doorways!" placeholder="Your commentary or note" value=""></textarea><br>
<textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasstartsecs',''); document.getElementById('tbtheone').value='' + theone; mapsome(); }" title="Video commentary note start time(s) ... optionally comma separated" data-name=fauxpasstartsecs01 id=fauxpasstartsecs01 placeholder="0.001,10.000,27.000,47.000" value=""></textarea><br>
<textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasendsecs',''); document.getElementById('tbtheone').value='' + theone; mapsome(); }" title="Video commentary note end time(s) ... optionally comma separated" data-name=fauxpasendsecs01 id=fauxpasendsecs01 placeholder="10.000,22.000,45.000,57.000" value=""></textarea><br>
<textarea rows=1 data-type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('fauxpasreally',''); document.getElementById('tbtheone').value='' + theone; mapsome(); }" title="Optional commentary or note (perhaps link wording fleshed out later) ... multiple can be separated by , (ie. space space comma space space)" data-name=fauxpasreally01 data-placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania , https://earth.google.com/web/@17.30000269,-7.02499988,255.75461669a,52794.75315655d,1y,0h,0t,0r , http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region , https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people , https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture , https://www.google.com/search?q=soninke+people+doorways&udm=2&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeiAkWG4OlBE2zyCTMjPbGmMU8EWskMk2JSE__efdUJ3xRFvZ0M2vJLB0hUMk5HOE2OjlycQYRp9vQECfaBtuI77VBixuZT8Ikq7knPIraxtLcXUn-925YP4AZPohtCshEMzz_HYh-s2jy_GenEFZtSggFj5UruF1QvDnKbUPJW54S8V0hw&sa=X&ved=2ahUKEwimvqn7wKyOAxWVh1YBHdkLG7wQtKgLKAF6BAgVEAE&biw=1432&bih=745&dpr=2" placeholder="http://wikipedia.org/wiki/Oualata , http://wikipedia.org/wiki/Mauritania , https://earth.google.com/web/@17.30000269,-7.02499988,255.75461669a,52794.75315655d,1y,0h,0t,0r , http://wikipedia.org/wiki/Oualata , https://en.wikipedia.org/wiki/Hodh_Ech_Chargui_region , https://en.wikipedia.org/wiki/Mand%C3%A9_peoples , https://en.wikipedia.org/wiki/Soninke_people , https://en.wikipedia.org/wiki/Sudano-Sahelian_architecture , https://www.google.com/search?q=soninke+people+doorways&udm=2&fbs=AIIjpHxU7SXXniUZfeShr2fp4giZ1Y6MJ25_tmWITc7uy4KIeiAkWG4OlBE2zyCTMjPbGmMU8EWskMk2JSE__efdUJ3xRFvZ0M2vJLB0hUMk5HOE2OjlycQYRp9vQECfaBtuI77VBixuZT8Ikq7knPIraxtLcXUn-925YP4AZPohtCshEMzz_HYh-s2jy_GenEFZtSggFj5UruF1QvDnKbUPJW54S8V0hw&sa=X&ved=2ahUKEwimvqn7wKyOAxWVh1YBHdkLG7wQtKgLKAF6BAgVEAE&biw=1432&bih=745&dpr=2" value="Lead in to your note ... " id="fauxpasreally01"></textarea><br><br>
<input type=text ondblclick="alert(this.title);" onblur="if (eval('' + this.value.trim().length) > 0) { theone=this.id.replace('refurl',''); document.getElementById('tbtheone').value='' + theone; document.getElementById('refurl').value=this.value; mapsome(); }" title="Optional total commentary or notes link" id=refurl01 placeholder="https://www.youtube.com/@biodeserts" value=""></input><br>
</details>
</div>
<div id=moredfp>
</div>
<input type=hidden title="Video Title" name=songname id=songname placeholder="Medieval Mauritanian city" value=""></input><br>
<input type=hidden title="YouTube 11 character ID pointing at Video" name=youtubeid id=youtubeid placeholder="5BkIc_g8ktw" value=""></input><br><br>
<input type=hidden name=refurl id=refurl placeholder="https://www.youtube.com/@biodeserts" value=""></input><br><br>
<input type=hidden name=youtube_duration value='22220.000'></input><input type=hidden name=email value=''></input><input type=hidden name=email value=''></input><input type=hidden name=emoji value='on'></input><input type=hidden name=c0 value='on'></input><input type=hidden name=rand166 value='off'></input><input type=hidden name=i0 value='0'></input><input type=hidden name=j0 value='313'></input><input type=hidden name=i1 value=''></input><input type=hidden name=j1 value=''></input><input type=hidden name=i2 value=''></input><input type=hidden name=j2 value=''></input><input type=hidden name=i3 value=''></input><input type=hidden name=j3 value=''></input><input type=hidden name=i4 value=''></input><input type=hidden name=j4 value=''></input><input type=hidden name=i5 value=''></input><input type=hidden name=j5 value=''></input><input type=hidden name=i6 value=''></input><input type=hidden name=j6 value=''></input><input type=hidden name=i7 value=''></input><input type=hidden name=j7 value=''></input><input type=hidden name=i8 value=''></input><input type=hidden name=j8 value=''></input><input type=hidden name=i9 value=''></input><input type=hidden name=j9 value=''></input><input type=hidden name=i10 value=''></input><input type=hidden name=j10 value=''></input><input type=hidden name=i11 value=''></input><input type=hidden name=j11 value=''></input><input type=hidden name=i12 value=''></input><input type=hidden name=j12 value=''></input><input type=hidden name=i13 value=''></input><input type=hidden name=j13 value=''></input><input type=hidden name=i14 value=''></input><input type=hidden name=j14 value=''></input><input type=hidden name=i15 value=''></input><input type=hidden name=j15 value=''></input><input type=hidden name=i16 value=''></input><input type=hidden name=j16 value=''></input><input type=hidden name=i17 value=''></input><input type=hidden name=j17 value=''></input><input type=hidden name=i18 value=''></input><input type=hidden name=j18 value=''></input><input type=hidden name=i19 value=''></input><input type=hidden name=j19 value=''></input><input type=hidden name=i20 value=''></input><input type=hidden name=j20 value=''></input><input type=hidden name=i21 value=''></input><input type=hidden name=j21 value=''></input><input type=hidden name=i22 value=''></input><input type=hidden name=j22 value=''></input><input type=hidden name=i23 value=''></input><input type=hidden name=j23 value=''></input><input type=hidden name=i24 value=''></input><input type=hidden name=j24 value=''></input><input type=hidden name=i25 value=''></input><input type=hidden name=j25 value=''></input><input type=hidden name=i26 value=''></input><input type=hidden name=j26 value=''></input><input type=hidden name=i27 value=''></input><input type=hidden name=j27 value=''></input><input type=hidden name=i28 value=''></input><input type=hidden name=j28 value=''></input><input type=hidden name=i29 value=''></input><input type=hidden name=j29 value=''></input>
<input id=srt type=hidden value="WEBVTT FILE~~1~00:00:52,000 --> 00:00:56,000~But there's a warm wind blowing the stars around"></input>
<input onmousedown="if (document.getElementById('fauxpasreally' + theone).value == 'Lead in to your note ... ') { document.getElementById('fauxpasreally' + theone).value=''; }" ontouchdown="if (document.getElementBNyId('fauxpasreally' + theone).value == 'Lead in to your note ... ') { document.getElementBNyId('fauxpasreally' + theone).value=''; }" id=realb type=submit value=Example style="background-color:lightgreen;"></input> <input type=submit onclick="ptov=false; if (3 == 4) { document.getElementById('realb').click(); }" value=Play style="background-color:lightgreen;"></input></form>
</td><td id=tdright style="width:55%;vertical-align:top;overflow-x:visible;">
<iframe onload="if (document.getElementById('youtubeid').value != '') { }" name=rightif id=rightif src="/HTMLCSS/karaoke_youtube_api.htm" style="display:none;width:800px;height:900px;"></iframe>
</td></tr>
</table>
<input type=hidden id=tbtheone value='01'></input>
<input type=hidden id=conceptsubject data-not=" ..." data-actually=" ... " data-thing=" regarding video" value='Commentary notes'></input>
<iframe id=srcif src="/HTMLCSS/signature_signature.php?getmeipaddress=y" style="display:none;" onload="checkip(this);"></iframe>
<div style="display:none;" id=doverlay></div>
<div title="" style="display:none;" id=curct></div>
<iframe id=downbelow name=downbelow src="/HTMLCSS/signature_signature.php?getmeipaddress=y" style="display:none;width:100%;height:900px;"></iframe>
<div id=lastdiv></div>
</body>
</html>