☰

QR-Plugins.EmbedMedia

plugins for Kaskus-QR embed media, eg SoundCloud, Vimeo

  1. // ==UserScript==
  2. // @name          QR-Plugins.EmbedMedia
  3. // @namespace     http://userscripts.org/scripts/show/180813
  4. // @include        *.kaskus.co.id/thread/*
  5. // @include        *.kaskus.co.id/lastpost/*
  6. // @include        *.kaskus.co.id/post/*
  7. // @include        *.kaskus.co.id/group/discussion/*
  8. // @include        *.kaskus.co.id/show_post/*
  9. // @version       0.1
  10. // @dtversion     1310280001
  11. // @timestamp     1382899161074
  12. // @qrversion     4.0.9+
  13. // @description   plugins for Kaskus-QR embed media, eg SoundCloud, Vimeo
  14. // @author        tuxie.forte;
  15. // @license       (CC) by-nc-sa 3.0
  16. //
  17. // -!--latestupdate
  18. //
  19. // v0.1 - 2013-10-27
  20. //  init
  21. //
  22. // -/!latestupdate---
  23. // ==/UserScript==
  24. //
  25.  
  26. (function(){
  27. // Initialize Global Variables
  28. var gvar=function() {};
  29.  
  30. /*
  31. window.alert(new Date().getTime());
  32. */
  33. //========-=-=-=-=--=========
  34. gvar.__DEBUG__ = false; // development
  35. //========-=-=-=-=--=========
  36.  
  37.  
  38. // this is where we re-initialize before we trigger start_Main()
  39. // any huge global var or loading any saved value may start in here too
  40. function init_start(){
  41.  
  42.   gvar.B = rSRC.getSetOf('button');
  43.   gvar.tID = "reply-messsage";
  44.  
  45.   start_Main();
  46. }
  47. // =====
  48. // START
  49. function start_Main(){
  50.   var el, Attr, par = gID(gvar.qr_identity);
  51.  
  52.   if( par ){
  53.     Attr = {'src':gvar.B.soundcloud_ico, style:'vertical-align:bottom;', alt:'[soundcloud]', title:'Embedding Soundcloud'};
  54.     el = createEl('img',Attr);
  55.     _o('click', el, function(e){return handleClick(e)} );
  56.  
  57.     Dom.add(el, par);
  58.  
  59.  
  60.     Attr = {'src':gvar.B.vimeo_png, style:'vertical-align:bottom;', alt:'[vimeo]', title:'Embedding Vimeo'};
  61.     el = createEl('img',Attr);
  62.     _o('click', el, function(e){return handleClick(e)} );
  63.  
  64.     Dom.add(el, par);
  65.   }        
  66. }
  67.  
  68. var endFocus = function(){ _TEXT.focus(); return};
  69.  
  70. function handleClick(e){
  71.   var vBText = _TEXT.init();
  72.   if(!vBText) return;
  73.  
  74.   var el = e.target || e;
  75.   var mode = String(el.getAttribute('alt')).replace(/[\[\]]+/gi, '');
  76.   var text = fn = null;
  77.  
  78.   switch(mode){
  79.     case "soundcloud":
  80.       text = prompt('Please enter Soundcloud Widget Code or Track ID or API_URL containing track ID.\neg.https:/'+'/api.soundcloud.com/tracks/#######', '');
  81.       text && (fn = soundcloud);
  82.     break;
  83.     case "vimeo": 
  84.       text = prompt('Please enter Vimeo URL Link, \nhttps:/'+'/vimeo.com/#######', '');
  85.       text && (fn = vimeo);
  86.     break;
  87.   }
  88.  
  89.  
  90.   if(text==null) return endFocus();
  91.  
  92.   var innertext = null;
  93.   if("undefined" != typeof fn)
  94.     innertext = fn(trimStr(text));
  95.  
  96.   if( !innertext ){
  97.     return endFocus();
  98.   }else{
  99.     var tagname = mode.toUpperCase();
  100.     var prehead = [('['+tagname+']').length, 0];
  101.     prehead[1] = (prehead[0]+innertext.length);
  102.     _TEXT.setValue( '['+tagname+']'+innertext+'[/'+tagname+']', prehead );
  103.   }
  104.   _TEXT.pracheck();
  105. }
  106.  
  107.  
  108. /*=========
  109. # embedmedia functionality
  110. # ========= 
  111. */
  112.  
  113. // soundcloud
  114. // The end-objective return the id of the tracks
  115. // sample-input eg.:
  116. // https://api.soundcloud.com/tracks/30511512
  117. //  <iframe width="100%" height="166" scrolling="no" frameborder="no" src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/30511512"></iframe>
  118. // [soundcloud url="https://api.soundcloud.com/tracks/30511512" width="100%" height="166" iframe="true" /]
  119. function soundcloud(text){
  120.   var text_parser = function(text_){
  121.     var ret_ = '';
  122.     if( /^[\d\w]+$/.test(text_) ){
  123.       ret_ = text_;
  124.     }else{
  125.       var cucok = /\bsoundcloud\.com\/tracks\/(\d+)/i.exec(text_);
  126.       if( cucok )
  127.         ret_ = cucok[1];
  128.       else
  129.         ret_ = null;
  130.     }
  131.     return ret_;
  132.   };
  133.   return text_parser(text);
  134. }
  135.  
  136. // vimeo
  137. // sample-input:
  138. // http://vimeo.com/54736141
  139. //
  140. function vimeo(text){
  141.   var text_parser = function(text_){
  142.     var ret_ = '';
  143.     if( /^[\d\w]+$/.test(text_) ){
  144.       ret_ = text_;
  145.     }else{
  146.       var cucok = /\bvimeo\.com\/(\d+)/i.exec(text_);
  147.       if( cucok )
  148.         ret_ = cucok[1];
  149.       else
  150.         ret_ = null;
  151.     }
  152.     return ret_;
  153.   };
  154.   return text_parser(text);
  155. }
  156.  
  157.  
  158.  
  159. // -
  160. // -
  161. // -
  162. // -
  163. //========= 
  164. // code below should adapting current QR Engine for this plugins works
  165. // leave code below as wot it is, as long you know what todo
  166. //========= Common Functions && Global Var Init ====
  167. // static routine
  168. function isDefined(x)   { return !(x == null && x !== null); }
  169. function isUndefined(x) { return x == null && x !== null; }
  170. function isString(x) { return (typeof(x)!='object' && typeof(x)!='function'); }
  171. function trimStr(x) { return x.replace(/^\s+|\s+$/g,""); };
  172.  
  173. function _o(m,e,f){Dom.Ev(e,m,function(e){typeof(f)=='function'?f(e):void(0)});}
  174. function gID(x) { return document.getElementById(x) }
  175.  
  176. function addClass(cName, Obj){
  177.   if(cName=="") return;
  178.   var neocls = (Obj.className ? Obj.className : '');
  179.   if(neocls.indexOf(cName)!=-1) return;
  180.   neocls+=(neocls!=''?' ':'')+cName;
  181.   Obj.setAttribute('class', neocls);
  182. }
  183. function removeClass(cName, Obj){
  184.   if(cName=="") return;
  185.   var neocls = (Obj.className ? Obj.className : '');
  186.   neocls = trimStr ( neocls.replace(cName,"") ); // replace and trim
  187.   Obj.setAttribute('class', neocls);
  188. }
  189. function SimulateMouse(elem,event,preventDef) {
  190.   if(typeof(elem)!='object') return;
  191.   var evObj = document.createEvent('MouseEvents');
  192.   preventDef=(isDefined(preventDef) && preventDef ? true : false);
  193.   evObj.initEvent(event, preventDef, true);
  194.   try{elem.dispatchEvent(evObj);}
  195.   catch(e){}
  196. }
  197. function createEl(type, attrArray, html){
  198.  var node = document.createElement(type);
  199.  for (var attr in attrArray) 
  200.    if (attrArray.hasOwnProperty(attr))
  201.     node.setAttribute(attr, attrArray[attr]);
  202.  if(html) node.innerHTML = html;
  203.    return node;
  204. }
  205.  
  206. // Get Elements
  207. var $D=function (q, root, single) {
  208.   if (root && typeof root == 'string') {
  209.       root = $D(root, null, true);
  210.       if (!root) { return null; }
  211.   }
  212.   if( !q ) return false;
  213.   if ( typeof q == 'object') return q;
  214.   root = root || document;
  215.   if (q[0]=='/' || (q[0]=='.' && q[1]=='/')) {
  216.       if (single) { return document.evaluate(q, root, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue; }
  217.       return document.evaluate(q, root, null, XPathResult.ORDERED_NODE_SNAPSHOT_TYPE, null);
  218.   }
  219.   else if (q[0]=='.') { return root.getElementsByClassName(q.substr(1)); }
  220.   else { return root.getElementById( (q[0]=='#' ? q.substr(1):q.substr(0)) ); }
  221.   return root.getElementsByTagName(q);
  222. };
  223. // utk add - remove element
  224. var Dom = {
  225.   g: function(el) {
  226.    if(!el) return false;
  227.    return ( isString(el) ? document.getElementById(el) : el );
  228.   },
  229.   add: function(el, dest) {    
  230.     var el = this.g(el);
  231.     var dest = this.g(dest);
  232.     if(el && dest) dest.appendChild(el);
  233.   },
  234.   remove: function(el) {
  235.     var el = this.g(el);
  236.     if(el && el.parentNode)
  237.       el.parentNode.removeChild(el);
  238.   },
  239.   Ev: function() {
  240.     if (window.addEventListener) {
  241.       return function(el, type, fn, ph) {
  242.         if(typeof(el)=='object')
  243.          this.g(el).addEventListener(type, function(e){fn(e);}, (isUndefined(ph) ? false : ph));
  244.       };      
  245.     }else if (window.attachEvent) {
  246.       return function(el, type, fn) {
  247.         var f = function() { fn.call(this.g(el), window.event); };
  248.         this.g(el).attachEvent('on' + type, f);
  249.       };
  250.     }
  251.   }()
  252. };
  253.  
  254. var _TEXT = {
  255.   e : null, eNat : null,
  256.   content   : "",
  257.   cursorPos   : [],
  258.   last_scrollTop: 0,
  259.   init: function() {
  260.     this.eNat = gID(gvar.tID);
  261.     this.content = this.eNat.value;
  262.     this.cursorPos = _TEXT.rearmPos(); // [start, end]
  263.     
  264.     this.last_scrollTop = gID(gvar.tID).scrollTop; // last scrolltop pos  
  265.     return this;
  266.   },
  267.   rearmPos: function(){ return [this.getCaretPos(), gID(gvar.tID).selectionEnd]; },
  268.   subStr: function(start, end){ return this.content.substring(start, end);},
  269.   set: function(value){
  270.     
  271.     gID(gvar.tID).value = this.content = value; 
  272.     _TEXT.setRows_Elastic();
  273.     _TEXT.init();
  274.  
  275.   },
  276.   wrapValue : function(tag, title){
  277.     var st2, start=this.cursorPos[0], end=this.cursorPos[1],bufValue;
  278.     tag = tag.toUpperCase();    
  279.     bufValue = this.subStr(0, start) + 
  280.       '['+tag+(title?'='+title:'')+']' + 
  281.       (start==end ? '' : this.subStr(start, end)) + 
  282.       '[/'+tag+']' + this.subStr(end, this.content.length);
  283.     
  284.     this.set(bufValue);
  285.     st2 = (start + ('['+tag+(title?'='+title:'')+']').length);
  286.     this.setCaretPos( st2, st2 + this.subStr(start, end).length );    
  287.     if(this.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  288.     return bufValue; 
  289.   },
  290.   add: function(text){ // used on fetch post only
  291.     var newline = '\n\n';
  292.     if( gID(gvar.tID).value != "" )
  293.       this.content+= newline;
  294.     gID(gvar.tID).value = ( this.content + text );
  295.     
  296.     setTimeout(function(){
  297.       _TEXT.lastfocus();
  298.     }, 200);
  299.   },
  300.   // ptpos stand to puretext position [start, end]
  301.   setValue : function(text, ptpos){
  302.     var start=this.cursorPos[0], end=this.cursorPos[1];
  303.     if(isUndefined(ptpos)) ptpos=[text.length,text.length];
  304.     if(start!=end) {
  305.       this.replaceSelected(text,ptpos);
  306.       return;
  307.     }
  308.     var bufValue = this.subStr(0, start) + text + this.subStr(start, this.content.length);
  309.     this.set(bufValue);
  310.     // fix chrome weird
  311.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  312.     if(_TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  313.     return bufValue; 
  314.   },
  315.   replaceSelected : function(text, ptpos){
  316.     var start=this.cursorPos[0], end=this.cursorPos[1];
  317.     if(start==end) return;    
  318.     var bufValue = this.subStr(0, start) + text + this.subStr(end, this.content.length);
  319.     this.set(bufValue);
  320.     this.setCaretPos( (start + ptpos[0]), (start+ptpos[1]) );
  321.     if( _TEXT.overflow!='hidden') gID(gvar.tID).scrollTop = (this.last_scrollTop+1);
  322.   },
  323.   pracheck: function(foc){
  324.     if( isUndefined(foc) )
  325.       foc = true;
  326.     
  327.     //_TEXT.setElastic(gvar.maxH_editor);
  328.     if( gID(gvar.tID).value !="" )
  329.       gID('clear_text').style.setProperty('display', 'block');
  330.     else
  331.       gID('clear_text').style.setProperty('display', 'none');
  332.     if(foc) setTimeout(function(){
  333.       _TEXT.focus();
  334.     }, 200);
  335.   },
  336.   focus: function(){ 
  337.     gID(gvar.tID).focus() 
  338.   },
  339.   lastfocus: function (){
  340.     var eText, nl, pos, txt = String(gID(gvar.tID).value); // use the actual content
  341.     pos = txt.length;   
  342.     nl = txt.split('\n');
  343.     nl = nl.length;
  344.     pos+= (nl * 2);   
  345.     eText = gID(gvar.tID);
  346.     if( eText.setSelectionRange ) {
  347.       _TEXT.focus();
  348.       eText.setSelectionRange(pos,pos);
  349.     }
  350.     setTimeout(function(){ _TEXT.focus() } , 310);
  351.   },
  352.   getSelectedText : function() {
  353.     return (this.cursorPos[0]==this.cursorPos[1]? '': this.subStr(this.cursorPos[0], this.cursorPos[1]) );
  354.   },
  355.   getCaretPos : function() {  
  356.     var CaretPos = 0;
  357.     //Mozilla/Firefox/Netscape 7+ support   
  358.     if(gID(gvar.tID))
  359.       if (gID(gvar.tID).selectionStart || gID(gvar.tID).selectionStart == '0')
  360.       CaretPos = gID(gvar.tID).selectionStart;
  361.     return CaretPos;
  362.   },  
  363.   setCaretPos : function (pos,end){
  364.     if(isUndefined(end)) end = pos;
  365.     if(gID(gvar.tID).setSelectionRange)    { // Firefox, Opera and Safari
  366.       this.focus();
  367.       gID(gvar.tID).setSelectionRange(pos,end);
  368.     }
  369.   },
  370.   setElastic: function(max,winrez){
  371.     var a, tid=gvar.tID;
  372.   
  373.     function setCols_Elastic(max){
  374.       var a=gID(tid); a.setAttribute("cols", Math.floor(a.clientWidth/7));
  375.       var w = Math.floor(a.clientWidth/7);
  376.       _TEXT.setRows_Elastic(max)
  377.     }
  378.     a= gID(tid) || gID(gvar.tID);
  379.     _TEXT.oflow='hidden';
  380.     a.setAttribute('style','visibility:hidden; overflow:'+_TEXT.oflow+';letter-spacing:0;line-height:14pt;'+(max?'max-height:'+(max-130)+'pt;':''));
  381.     if( !winrez ) gID(gvar.tID).keyup(function(){ setCols_Elastic(max) });
  382.     setCols_Elastic(max);
  383.   },
  384.   setRows_Elastic: function(max){
  385.     var a = gID(gvar.tID), c=a.cols, b=a.value.toString(), h;
  386.     b=b.replace(/(?:\r\n|\r|\n)/g,"\n");
  387.     for(var d=2,e=0,f=0;f<b.length;f++){
  388.       var g=b.charAt(f);e++;if(g=="\n"||e==c){d++;e=0}
  389.     }
  390.     h=(d*14); a.setAttribute("rows",d); a.style.height=h+"pt";
  391.     _TEXT.oflow = (max && (d*14>(max-130)) ? 'auto':'hidden');
  392.     a.style.setProperty('overflow', _TEXT.oflow, 'important');
  393.     gID(gvar.tID).style.setProperty('visibility', 'visible');
  394.   }
  395. };
  396.  
  397. // ----my ge-debug--------
  398. function show_alert(msg, force) {
  399.   if(arguments.callee.counter) { arguments.callee.counter++; } else { arguments.callee.counter=1; }
  400.   GM_log('('+arguments.callee.counter+') '+msg);
  401.   if(force==0) { return; }
  402. }
  403. function clog(msg) {
  404.   if(!gvar.__DEBUG__) return;
  405.   show_alert(msg);
  406. }
  407.  
  408.  
  409.  
  410. // main resource
  411. var rSRC = {
  412.   getSetOf: function(type){
  413.     if(isUndefined(type)) return false;
  414.     switch(type){
  415.       case "button":
  416.       return {
  417.         soundcloud_ico : ""
  418.         +"data:image/vnd.microsoft.icon;base64,AAABAAEAEBAAAAEAGABoAwAAFgAAACgAAAAQAAAAIAAAAAEAGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8DSf8EPP4EPP4EPP4EPP4EPP4EPP4EPP4EPP4EPP4EPP4EPP4EPP4DSf4AZv8AZv4HQf4HQP0HQP0HQPwHQPwHQPwHQPwHQPsHQPsHQPsHQPwHQPwHQP0HQf4AZv4AZv4KR/0KR/wKR/sKR/oKR/oKRvkKRvkKRvgKRvgKRvgKRvgKRvkKR/sKR/wAZf0AZf0OTvwOTfoZVflKefkiW/dUgfgkXfY7bvY9b/U9b/U9cPY2afcOTfgOTvsAZfwAZf0SVfuYtfyduPzH1/2duPrH1vydt/nx9f7///////////////+rwvwSVPkAZfwAZfwWXfu6z/2fu/vI2Pyfu/nI2Pufuvnx9f7///////////////////8bX/gAZPsAZf0aZPt6pfugvvvJ2vygvvnJ2vugvvnx9v7////////////////Z5f0ZY/gAZPsAZf0dbPsca/l3pvrK3PyiwfrJ2/uhwfny9v7///////////98qPg8f/Yca/kAZfwAZv4hdf0gdPsgc/ktevdvo/nK3fyjxPny9/7////////C2PsgcfQgc/ggdPsAZf0AZv4lff4lfP0ke/ske/okevgzgvcsffXD2vzT5P2qy/szgvYkevgke/olfPwAZv4AZv8pg/4pg/4pg/0pgvwogvsogfoogPgogPgogPcogPgogfkogvspgvwpg/4AZv4AZv8si/8si/8siv4siv4siv0rifwrifsrifsrifsrifsrifwsiv0siv4siv4AZv8AZv8vkP8vkP8vkP8vkP8vj/4vj/4vj/4vj/0vj/0vj/0vj/4vj/4vkP8vkP8AZv8AZv8liv8xlf8xlf8xlf8xlf8xlf8xlf8xlf8xlf8xlf8xlf8xlf8xlf8liv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv8AZv+AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACAAQAA",
  419.         vimeo_png: ""
  420.         +"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAAZiS0dEAP8A/wD/oL2nkwAAAfRJREFUOMuNk7FrU1EYxX/n5iVpYrQSUmKhuOhS0HSIFsRJHJwEJwcX/wr7F4jov+HmLoKCipKprRB0UIeADtLGokmMtclL+j6Hd2/ew8m73MfHeed89zvfEUBr2/YEwh8DW3wrLSjcHmdg7ze1qta27ckQSosCGVhgWLD6ujNf8nhnqYolqapmhh0mKYEyIIcJSQw2OiYJeAOcMhxzsIfnOdW9RPNOk6r5XtdrRLttmp8us9q7wplmOf1PAod/b1HoeYvGzTrVWgG3dZaT4zlWcujJOo3TUSrkMN1eoWLCzFICBOq0WVkrEwXCAmitQuF6nfLLIUfZOGROSH5IDiA27F6P0cYu+/m5XThB9PSAyd2PDCbJwhl1RsR+RnIGRIK3A6azBDq/mIYuNmoUC4IbdZaWHALsW8z8zZCpd8Kccr0VHbwaMAmlq8uUB3OSR+dY9qTa6jGqpWTCwPmlEd6WFykBABerlHbaNBuRFQA9/s7v7piZVzSU2WiBcX9K0p9xHEiaJQog+3zE7P4XxlFuM1MX8qsGVBx6Pcy6AOjHJLc+8KOiHHrhghEcsUDy4Cvj4ZwE4NlP/lzrclAWlhcLoYjIBydbem2+ox8bVnO4onyOUjFTDhz5ZRDClGlY1aGq35MQMoQpITwky8u/cf6fE+L8F1j/0uRvBF3LAAAAAElFTkSuQmCC"
  421.  
  422.       };
  423.       break;
  424.     }
  425.   }
  426. };
  427. // -end static
  428. //========= 
  429.  
  430. function init(){
  431.   gvar.qr_identity= 'qr_plugins_container';
  432.   gvar.try_wait = 0;
  433.   gvar.try_max = 20;
  434.   gvar.sITry_wait= null;
  435.  
  436.   wait_for_qr();
  437. }
  438.  
  439. // make sure QR DOM is finished loaded
  440. function wait_for_qr(){
  441.   if( gvar.try_wait<gvar.try_max ){
  442.     if( !gID(gvar.qr_identity) ){
  443.       clog('waiting..');
  444.       gvar.try_wait++;
  445.       gvar.sITry_wait = window.setTimeout(function() { wait_for_qr() }, 500);
  446.     }else{
  447.       clearTimeout( gvar.sITry_wait ); 
  448.       init_start();
  449.     }
  450.   }
  451. }
  452.  
  453. // ------
  454. init();
  455. // ------
  456.  
  457. })()
  458. /* Mod By Idx. */

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址