menu

CodePen

Hey Everybody! Come share Pens, ask front-end coding questions, and get/give feedback with your CodePen pals

Channels
Team

How would I insert an embedded audio file that is invisible to the user (that…

March 12, 2019 at 12:01pm

How would I insert an embedded audio file that is invisible to the user (that also autoplays and loops)?

March 12, 2019 at 12:01pm

<html> <center> <body background="WAVES.jpg"> <p><font size="100" color="white" font face="impact"></font></p> <center>

<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <title> PewDiePie Subscriber Count </title> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head>

<div class="nav"><ul> </ul></div> <div class="wrapper"> <div class="top"> <div class="center"> <div class="channel-details"> <img id="pic" src="https://yt3.ggpht.com/a-/AAuE7mAPBVgUYqlLw9SvJyKAVWmgkQ2-KrkgSv4_5A=s88-mo-c-c0xffffffff-rj-k-no" alt="PewDiePie" /> <h1 id="channel">PewDiePie</h1> </div> <div id="stat" class="odometer"></div> <div class="links"> <a href="https://www.youtube.com/channel/UC-lHJZR3Gqxm24_Vd_AJ5Yw?sub_confirmation=1" target="_blank" id="subscribe"> <i class="icon-youtube"></i> <span>Subscribe</span> </a>

</div>
</div>
</div>
<div class="toolbar">
<div class="buttons">
<button id="night"><i class="icon-sun"></i></button>
</div>
<div class="search">
<input type="text" id="query" placeholder="User or channel name" />
<button id="change">
<i class="icon-search"></i>
<i class="icon-loading" style="display: none"></i>
</button>
</div>
</div>
</div>
<div class="footer-right">
</div>
</div>

</div>

<input type="color" id="colorInput" value="#FFFFFF" style="display: none;"/> <script> var start = { id: "UC-lHJZR3Gqxm24_Vd_AJ5Yw", count: 80068007, name: "PewDiePie" };

!function(t){function e(o){if(n[o])return n[o].exports;var i=n[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,e),i.l=!0,i.exports}var n={};e.m=t,e.c=n,e.i=function(t){return t},e.d=function(t,n,o){e.o(t,n)||Object.defineProperty(t,n,{configurable:!1,enumerable:!0,get:o})},e.n=function(t){var n=t&&t.__esModule?function(){return t.default}:function(){return t};return e.d(n,"a",n),n},e.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},e.p="",e(e.s=7)}([function(t,e,n){"use strict";var o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=t.exports=function(){function t(t){return null==t?String(t):V[Z.call(t)]||"object"}function e(e){return"function"==t(e)}function n(t){return null!=t&&t==t.window}function i(t){return null!=t&&t.nodeType==t.DOCUMENT_NODE}function r(e){return"object"==t(e)}function a(t){return r(t)&&!n(t)&&Object.getPrototypeOf(t)==Object.prototype}function s(t){return"number"==typeof t.length}function l(t){return L.call(t,function(t){return null!=t})}function u(t){return t.length>0?T.fn.concat.apply([],t):t}function c(t){return t.replace(/::/g,"/").replace(/([A-Z]+)([A-Z][a-z])/g,"$1_$2").replace(/([a-z\d])([A-Z])/g,"$1_$2").replace(/_/g,"-").toLowerCase()}function f(t){return t in A?A[t]:A[t]=new RegExp("(^|\\s)"+t+"(\\s|$)")}function d(t,e){return"number"!=typeof e||D[c(t)]?e:e+"px"}function h(t){var e,n;return N[t]||(e=O.createElement(t),O.body.appendChild(e),n=getComputedStyle(e,"").getPropertyValue("display"),e.parentNode.removeChild(e),"none"==n&&(n="block"),N[t]=n),N[t]}function p(t){return"children"in t?z.call(t.children):T.map(t.childNodes,function(t){if(1==t.nodeType)return t})}function m(t,e,n){for(E in e)n&&(a(e[E])||X(e[E]))?(a(e[E])&&!a(t[E])&&(t[E]={}),X(e[E])&&!X(t[E])&&(t[E]=[]),m(t[E],e[E],n)):e[E]!==k&&(t[E]=e[E])}function g(t,e){return null==e?T(t):T(t).filter(e)}function b(t,n,o,i){return e(n)?n.call(t,o,i):n}function v(t,e,n){null==n?t.removeAttribute(e):t.setAttribute(e,n)}function y(t,e){var n=t.className||"",o=n&&n.baseVal!==k;if(e===k)return o?n.baseVal:n;o?n.baseVal=e:t.className=e}function x(t){try{return t?"true"==t||"false"!=t&&("null"==t?null:+t+""==t?+t:/^[\[\{]/.test(t)?T.parseJSON(t):t):t}catch(e){return t}}function w(t,e){e(t);for(var n=0,o=t.childNodes.length;n<o;n++)w(t.childNodes[n],e)}var k,E,T,M,S,C,j=[],z=j.slice,L=j.filter,O=window.document,N={},A={},D={"column-count":1,columns:1,"font-weight":1,"line-height":1,opacity:1,"z-index":1,zoom:1},R=/^\s*<(\w+|!)[^>]*>/,P=/^<(\w+)\s*\/?>(?:<\/\1>|)$/,F=/^(?:body|html)$/i,U=["val","css","html","text","data","width","height","offset"],_=["after","prepend","before","append"],I=O.createElement("table"),H=O.createElement("tr"),q={tr:O.createElement("tbody"),tbody:I,thead:I,tfoot:I,td:H,th:H,"*":O.createElement("div")},B=/complete|loaded|interactive/,$=/^[\w-]*$/,V={},Z=V.toString,Y={},W=O.createElement("div"),J={tabindex:"tabIndex",readonly:"readOnly",for:"htmlFor",class:"className",maxlength:"maxLength",cellspacing:"cellSpacing",cellpadding:"cellPadding",rowspan:"rowSpan",colspan:"colSpan",usemap:"useMap",frameborder:"frameBorder",contenteditable:"contentEditable"},X=Array.isArray||function(t){return t instanceof Array};return Y.matches=function(t,e){if(!e||!t||1!==t.nodeType)return!1;var n=t.webkitMatchesSelector||t.mozMatchesSelector||t.oMatchesSelector||t.matchesSelector;if(n)return n.call(t,e);var o,i=t.parentNode,r=!i;return r&&(i=W).appendChild(t),o=~Y.qsa(i,e).indexOf(t),r&&W.removeChild(t),o},S=function(t){return t.replace(/-+(.)?/g,function(t,e){return e?e.toUpperCase():""})},C=function(t){return L.call(t,function(e,n){return t.indexOf(e)==n})},Y.fragment=function(t,e,n){var o,i,r;return P.test(t)&&(o=T(O.createElement(RegExp.$1))),o||(t.replace&&(t=t.replace(/<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,"<$1></$2>")),e===k&&(e=R.test(t)&&RegExp.$1),e in q||(e="*"),r=q[e],r.innerHTML=""+t,o=T.each(z.call(r.childNodes),function(){r.removeChild(this)})),a(n)&&(i=T(o),T.each(n,function(t,e){U.indexOf(t)>-1?i[t](e):i.attr(t,e)})),o},Y.Z=function(t,e){return t=t||[],t.__proto__=T.fn,t.selector=e||"",t},Y.isZ=function(t){return t instanceof Y.Z},Y.init=function(t,n){var o;if(!t)return Y.Z();if("string"==typeof t)if(t=t.trim(),"<"==t[0]&&R.test(t))o=Y.fragment(t,RegExp.$1,n),t=null;else{if(n!==k)return T(n).find(t);o=Y.qsa(O,t)}else{if(e(t))return T(O).ready(t);if(Y.isZ(t))return t;if(X(t))o=l(t);else if(r(t))o=[t],t=null;else if(R.test(t))o=Y.fragment(t.trim(),RegExp.$1,n),t=null;else{if(n!==k)return T(n).find(t);o=Y.qsa(O,t)}}return Y.Z(o,t)},T=function(t,e){return Y.init(t,e)},T.extend=function(t){var e,n=z.call(arguments,1);return"boolean"==typeof t&&(e=t,t=n.shift()),n.forEach(function(n){m(t,n,e)}),t},Y.qsa=function(t,e){var n,o="#"==e[0],r=!o&&"."==e[0],a=o||r?e.slice(1):e,s=$.test(a);return i(t)&&s&&o?(n=t.getElementById(a))?[n]:[]:1!==t.nodeType&&9!==t.nodeType?[]:z.call(s&&!o?r?t.getElementsByClassName(a):t.getElementsByTagName(e):t.querySelectorAll(e))},T.contains=O.documentElement.contains?function(t,e){return t!==e&&t.contains(e)}:function(t,e){for(;e&&(e=e.parentNode);)if(e===t)return!0;return!1},T.type=t,T.isFunction=e,T.isWindow=n,T.isArray=X,T.isPlainObject=a,T.isEmptyObject=function(t){var e;for(e in t)return!1;return!0},T.inArray=function(t,e,n){return j.indexOf.call(e,t,n)},T.camelCase=S,T.trim=function(t){return null==t?"":String.prototype.trim.call(t)},T.uuid=0,T.support={},T.expr={},T.map=function(t,e){var n,o,i,r=[];if(s(t))for(o=0;o<t.length;o++)null!=(n=e(t[o],o))&&r.push(n);else for(i in t)null!=(n=e(t[i],i))&&r.push(n);return u(r)},T.each=function(t,e){var n,o;if(s(t)){for(n=0;n<t.length;n++)if(!1===e.call(t[n],n,t[n]))return t}else for(o in t)if(!1===e.call(t[o],o,t[o]))return t;return t},T.grep=function(t,e){return L.call(t,e)},window.JSON&&(T.parseJSON=JSON.parse),T.each("Boolean Number String Function Array Date RegExp Object Error".split(" "),function(t,e){V["[object "+e+"]"]=e.toLowerCase()}),T.fn={forEach:j.forEach,reduce:j.reduce,push:j.push,sort:j.sort,indexOf:j.indexOf,concat:j.concat,map:function(t){return T(T.map(this,function(e,n){return t.call(e,n,e)}))},slice:function(){return T(z.apply(this,arguments))},ready:function(t){return B.test(O.readyState)&&O.body?t(T):O.addEventListener("DOMContentLoaded",function(){t(T)},!1),this},get:function(t){return t===k?z.call(this):this[t>=0?t:t+this.length]},toArray:function(){return this.get()},size:function(){return this.length},remove:function(){return this.each(function(){null!=this.parentNode&&this.parentNode.removeChild(this)})},each:function(t){return j.every.call(this,function(e,n){return!1!==t.call(e,n,e)}),this},filter:function(t){return e(t)?this.not(this.not(t)):T(L.call(this,function(e){return Y.matches(e,t)}))},add:function(t,e){return T(C(this.concat(T(t,e))))},is:function(t){return this.length>0&&Y.matches(this[0],t)},not:function(t){var n=[];if(e(t)&&t.call!==k)this.each(function(e){t.call(this,e)||n.push(this)});else{var o="string"==typeof t?this.filter(t):s(t)&&e(t.item)?z.call(t):T(t);this.forEach(function(t){o.indexOf(t)<0&&n.push(t)})}return T(n)},has:function(t){return this.filter(function(){return r(t)?T.contains(this,t):T(this).find(t).size()})},eq:function(t){return-1===t?this.slice(t):this.slice(t,+t+1)},first:function(){var t=this[0];return t&&!r(t)?t:T(t)},last:function(){var t=this[this.length-1];return t&&!r(t)?t:T(t)},find:function(t){var e=this;return t?"object"==(void 0===t?"undefined":o(t))?T(t).filter(function(){var t=this;return j.some.call(e,function(e){return T.contains(e,t)})}):1==this.length?T(Y.qsa(this[0],t)):this.map(function(){return Y.qsa(this,t)}):T()},closest:function(t,e){var n=this[0],r=!1;for("object"==(void 0===t?"undefined":o(t))&&(r=T(t));n&&!(r?r.indexOf(n)>=0:Y.matches(n,t));)n=n!==e&&!i(n)&&n.parentNode;return T(n)},parents:function(t){for(var e=[],n=this;n.length>0;)n=T.map(n,function(t){if((t=t.parentNode)&&!i(t)&&e.indexOf(t)<0)return e.push(t),t});return g(e,t)},parent:function(t){return g(C(this.pluck("parentNode")),t)},children:function(t){return g(this.map(function(){return p(this)}),t)},contents:function(){return this.map(function(){return z.call(this.childNodes)})},siblings:function(t){return g(this.map(function(t,e){return L.call(p(e.parentNode),function(t){return t!==e})}),t)},empty:function(){return this.each(function(){this.innerHTML=""})},pluck:function(t){return T.map(this,function(e){return e[t]})},show:function(){return this.each(function(){"none"==this.style.display&&(this.style.display=""),"none"==getComputedStyle(this,"").getPropertyValue("display")&&(this.style.display=h(this.nodeName))})},replaceWith:function(t){return this.before(t).remove()},wrap:function(t){var n=e(t);if(this[0]&&!n)var o=T(t).get(0),i=o.parentNode||this.length>1;return this.each(function(e){T(this).wrapAll(n?t.call(this,e):i?o.cloneNode(!0):o)})},wrapAll:function(t){if(this[0]){T(this[0]).before(t=T(t));for(var e;(e=t.children()).length;)t=e.first();T(t).append(this)}return this},wrapInner:function(t){var n=e(t);return this.each(function(e){var o=T(this),i=o.contents(),r=n?t.call(this,e):t;i.length?i.wrapAll(r):o.append(r)})},unwrap:function(){return this.parent().each(function(){T(this).replaceWith(T(this).children())}),this},clone:function(){return this.map(function(){return this.cloneNode(!0)})},hide:function(){return this.css("display","none")},toggle:function(t){return this.each(function(){var e=T(this);(t===k?"none"==e.css("display"):t)?e.show():e.hide()})},prev:function(t){return T(this.pluck("previousElementSibling")).filter(t||"*")},next:function(t){return T(this.pluck("nextElementSibling")).filter(t||"*")},html:function(t){return 0 in arguments?this.each(function(e){var n=this.innerHTML;T(this).empty().append(b(this,t,e,n))}):0 in this?this[0].innerHTML:null},text:function(t){return 0 in arguments?this.each(function(e){var n=b(this,t,e,this.textContent);this.textContent=null==n?"":""+n}):0 in this?this[0].textContent:null},attr:function(t,e){var n;return"string"!=typeof t||1 in arguments?this.each(function(n){if(1===this.nodeType)if(r(t))for(E in t)v(this,E,t[E]);else v(this,t,b(this,e,n,this.getAttribute(t)))}):this.length&&1===this[0].nodeType?!(n=this[0].getAttribute(t))&&t in this[0]?this[0][t]:n:k},removeAttr:function(t){return this.each(function(){1===this.nodeType&&t.split(" ").forEach(function(t){v(this,t)},this)})},prop:function(t,e){return t=J[t]||t,1 in arguments?this.each(function(n){this[t]=b(this,e,n,this[t])}):this[0]&&this[0][t]},data:function(t,e){var n="data-"+t.replace(/([A-Z])/g,"-$1").toLowerCase(),o=1 in arguments?this.attr(n,e):this.attr(n);return null!==o?x(o):k},val:function(t){return 0 in arguments?this.each(function(e){this.value=b(this,t,e,this.value)}):this[0]&&(this[0].multiple?T(this[0]).find("option").filter(function(){return this.selected}).pluck("value"):this[0].value)},offset:function(t){if(t)return this.each(function(e){var n=T(this),o=b(this,t,e,n.offset()),i=n.offsetParent().offset(),r={top:o.top-i.top,left:o.left-i.left};"static"==n.css("position")&&(r.position="relative"),n.css(r)});if(!this.length)return null;var e=this[0].getBoundingClientRect();return{left:e.left+window.pageXOffset,top:e.top+window.pageYOffset,width:Math.round(e.width),height:Math.round(e.height)}},css:function(e,n){if(arguments.length<2){var o,i=this[0];if(!i)return;if(o=getComputedStyle(i,""),"string"==typeof e)return i.style[S(e)]||o.getPropertyValue(e);if(X(e)){var r={};return T.each(e,function(t,e){r[e]=i.style[S(e)]||o.getPropertyValue(e)}),r}}var a="";if("string"==t(e))n||0===n?a=c(e)+":"+d(e,n):this.each(function(){this.style.removeProperty(c(e))});else for(E in e)e[E]||0===e[E]?a+=c(E)+":"+d(E,e[E])+";":this.each(function(){this.style.removeProperty(c(E))});return this.each(function(){this.style.cssText+=";"+a})},index:function(t){return t?this.indexOf(T(t)[0]):this.parent().children().indexOf(this[0])},hasClass:function(t){return!!t&&j.some.call(this,function(t){return this.test(y(t))},f(t))},addClass:function(t){return t?this.each(function(e){if("className"in this){M=[];var n=y(this);b(this,t,e,n).split(/\s+/g).forEach(function(t){T(this).hasClass(t)||M.push(t)},this),M.length&&y(this,n+(n?" ":"")+M.join(" "))}}):this},removeClass:function(t){return this.each(function(e){if("className"in this){if(t===k)return y(this,"");M=y(this),b(this,t,e,M).split(/\s+/g).forEach(function(t){M=M.replace(f(t)," ")}),y(this,M.trim())}})},toggleClass:function(t,e){return t?this.each(function(n){var o=T(this);b(this,t,n,y(this)).split(/\s+/g).forEach(function(t){(e===k?!o.hasClass(t):e)?o.addClass(t):o.removeClass(t)})}):this},scrollTop:function(t){if(this.length){var e="scrollTop"in this[0];return t===k?e?this[0].scrollTop:this[0].pageYOffset:this.each(e?function(){this.scrollTop=t}:function(){this.scrollTo(this.scrollX,t)})}},scrollLeft:function(t){if(this.length){var e="scrollLeft"in this[0];return t===k?e?this[0].scrollLeft:this[0].pageXOffset:this.each(e?function(){this.scrollLeft=t}:function(){this.scrollTo(t,this.scrollY)})}},position:function(){if(this.length){var t=this[0],e=this.offsetParent(),n=this.offset(),o=F.test(e[0].nodeName)?{top:0,left:0}:e.offset();return n.top-=parseFloat(T(t).css("margin-top"))||0,n.left-=parseFloat(T(t).css("margin-left"))||0,o.top+=parseFloat(T(e[0]).css("border-top-width"))||0,o.left+=parseFloat(T(e[0]).css("border-left-width"))||0,{top:n.top-o.top,left:n.left-o.left}}},offsetParent:function(){return this.map(function(){for(var t=this.offsetParent||O.body;t&&!F.test(t.nodeName)&&"static"==T(t).css("position");)t=t.offsetParent;return t})}},T.fn.detach=T.fn.remove,["width","height"].forEach(function(t){var e=t.replace(/./,function(t){return t[0].toUpperCase()});T.fn[t]=function(o){var r,a=this[0];return o===k?n(a)?a["inner"+e]:i(a)?a.documentElement["scroll"+e]:(r=this.offset())&&r[t]:this.each(function(e){a=T(this),a.css(t,b(this,o,e,a[t]()))})}}),_.forEach(function(e,n){var o=n%2;T.fn[e]=function(){var e,i,r=T.map(arguments,function(n){return e=t(n),"object"==e||"array"==e||null==n?n:Y.fragment(n)}),a=this.length>1;return r.length<1?this:this.each(function(t,e){i=o?e:e.parentNode,e=0==n?e.nextSibling:1==n?e.firstChild:2==n?e:null;var s=T.contains(O.documentElement,i);r.forEach(function(t){if(a)t=t.cloneNode(!0);else if(!i)return T(t).remove();i.insertBefore(t,e),s&&w(t,function(t){null==t.nodeName||"SCRIPT"!==t.nodeName.toUpperCase()||t.type&&"text/javascript"!==t.type||t.src||window.eval.call(window,t.innerHTML)})})})},T.fn[o?e+"To":"insert"+(n?"Before":"After")]=function(t){return T(t)[e](this),this}}),Y.Z.prototype=T.fn,Y.uniq=C,Y.deserializeValue=x,T.zepto=Y,T}();!function(t){function e(t){return t._zid||(t._zid=d++)}function n(t,n,r,a){if(n=o(n),n.ns)var s=i(n.ns);return(g[e(t)]||[]).filter(function(t){return t&&(!n.e||t.e==n.e)&&(!n.ns||s.test(t.ns))&&(!r||e(t.fn)===e(r))&&(!a||t.sel==a)})}function o(t){var e=(""+t).split(".");return{e:e[0],ns:e.slice(1).sort().join(" ")}}function i(t){return new RegExp("(?:^| )"+t.replace(" "," .* ?")+"(?: |$)")}function r(t,e){return t.del&&!v&&t.e in y||!!e}function a(t){return x[t]||v&&y[t]||t}function s(n,i,s,l,c,d,h){var p=e(n),m=g[p]||(g[p]=[]);i.split(/\s/).forEach(function(e){if("ready"==e)return t(document).ready(s);var i=o(e);i.fn=s,i.sel=c,i.e in x&&(s=function(e){var n=e.relatedTarget;if(!n||n!==this&&!t.contains(this,n))return i.fn.apply(this,arguments)}),i.del=d;var p=d||s;i.proxy=function(t){if(t=u(t),!t.isImmediatePropagationStopped()){t.data=l;var e=p.apply(n,t._args==f?[t]:[t].concat(t._args));return!1===e&&(t.preventDefault(),t.stopPropagation()),e}},i.i=m.length,m.push(i),"addEventListener"in n&&n.addEventListener(a(i.e),i.proxy,r(i,h))})}function l(t,o,i,s,l){var u=e(t);(o||"").split(/\s/).forEach(function(e){n(t,e,i,s).forEach(function(e){delete g[u][e.i],"removeEventListener"in t&&t.removeEventListener(a(e.e),e.proxy,r(e,l))})})}function u(e,n){return!n&&e.isDefaultPrevented||(n||(n=e),t.each(T,function(t,o){var i=n[t];e[t]=function(){return this[o]=w,i&&i.apply(n,arguments)},e[o]=k}),(n.defaultPrevented!==f?n.defaultPrevented:"returnValue"in n?!1===n.returnValue:n.getPreventDefault&&n.getPreventDefault())&&(e.isDefaultPrevented=w)),e}function c(t){var e,n={originalEvent:t};for(e in t)E.test(e)||t[e]===f||(n[e]=t[e]);return u(n,t)}var f,d=1,h=Array.prototype.slice,p=t.isFunction,m=function(t){return"string"==typeof t},g={},b={},v="onfocusin"in window,y={focus:"focusin",blur:"focusout"},x={mouseenter:"mouseover",mouseleave:"mouseout"};b.click=b.mousedown=b.mouseup=b.mousemove="MouseEvents",t.event={add:s,remove:l},t.proxy=function(n,o){var i=2 in arguments&&h.call(arguments,2);if(p(n)){var r=function(){return n.apply(o,i?i.concat(h.call(arguments)):arguments)};return r._zid=e(n),r}if(m(o))return i?(i.unshift(n[o],n),t.proxy.apply(null,i)):t.proxy(n[o],n);throw new TypeError("expected function")},t.fn.bind=function(t,e,n){return this.on(t,e,n)},t.fn.unbind=function(t,e){return this.off(t,e)},t.fn.one=function(t,e,n,o){return this.on(t,e,n,o,1)};var w=function(){return!0},k=function(){return!1},E=/^([A-Z]|returnValue$|layer[XY]$)/,T={preventDefault:"isDefaultPrevented",stopImmediatePropagation:"isImmediatePropagationStopped",stopPropagation:"isPropagationStopped"};t.fn.delegate=function(t,e,n){return this.on(e,t,n)},t.fn.undelegate=function(t,e,n){return this.off(e,t,n)},t.fn.live=function(e,n){return t(document.body).delegate(this.selector,e,n),this},t.fn.die=function(e,n){return t(document.body).undelegate(this.selector,e,n),this},t.fn.on=function(e,n,o,i,r){var a,u,d=this;return e&&!m(e)?(t.each(e,function(t,e){d.on(t,n,o,e,r)}),d):(m(n)||p(i)||!1===i||(i=o,o=n,n=f),(p(o)||!1===o)&&(i=o,o=f),!1===i&&(i=k),d.each(function(f,d){r&&(a=function(t){return l(d,t.type,i),i.apply(this,arguments)}),n&&(u=function(e){var o,r=t(e.target).closest(n,d).get(0);if(r&&r!==d)return o=t.extend(c(e),{currentTarget:r,liveFired:d}),(a||i).apply(r,[o].concat(h.call(arguments,1)))}),s(d,e,i,o,n,u||a)}))},t.fn.off=function(e,n,o){var i=this;return e&&!m(e)?(t.each(e,function(t,e){i.off(t,n,e)}),i):(m(n)||p(o)||!1===o||(o=n,n=f),!1===o&&(o=k),i.each(function(){l(this,e,o,n)}))},t.fn.trigger=function(e,n){return e=m(e)||t.isPlainObject(e)?t.Event(e):u(e),e._args=n,this.each(function(){e.type in y&&"function"==typeof this[e.type]?this[e.type]():"dispatchEvent"in this?this.dispatchEvent(e):t(this).triggerHandler(e,n)})},t.fn.triggerHandler=function(e,o){var i,r;return this.each(function(a,s){i=c(m(e)?t.Event(e):e),i._args=o,i.target=s,t.each(n(s,e.type||e),function(t,e){if(r=e.proxy(i),i.isImmediatePropagationStopped())return!1})}),r},"focusin focusout focus blur load resize scroll unload click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select keydown keypress keyup error".split(" ").forEach(function(e){t.fn[e]=function(t){return 0 in arguments?this.bind(e,t):this.trigger(e)}}),t.Event=function(t,e){m(t)||(e=t,t=e.type);var n=document.createEvent(b[t]||"Events"),o=!0;if(e)for(var i in e)"bubbles"==i?o=!!e[i]:n[i]=e[i];return n.initEvent(t,o,!0),u(n)}}(i),function(t){function e(e,n,o){var i=t.Event(n);return t(e).trigger(i,o),!i.isDefaultPrevented()}function n(t,n,o,i){if(t.global)return e(n||v,o,i)}function o(e){e.global&&0==t.active++&&n(e,null,"ajaxStart")}function i(e){e.global&&!--t.active&&n(e,null,"ajaxStop")}function r(t,e){var o=e.context;if(!1===e.beforeSend.call(o,t,e)||!1===n(e,o,"ajaxBeforeSend",[t,e]))return!1;n(e,o,"ajaxSend",[t,e])}function a(t,e,o,i){var r=o.context;o.success.call(r,t,"success",e),i&&i.resolveWith(r,[t,"success",e]),n(o,r,"ajaxSuccess",[e,o,t]),l("success",e,o)}function s(t,e,o,i,r){var a=i.context;i.error.call(a,o,e,t),r&&r.rejectWith(a,[o,e,t]),n(i,a,"ajaxError",[o,i,t||e]),l(e,o,i)}function l(t,e,o){var r=o.context;o.complete.call(r,e,t),n(o,r,"ajaxComplete",[e,o]),i(o)}function u(){}function c(t){return t&&(t=t.split(";",2)[0]),t&&(t==k?"html":t==w?"json":y.test(t)?"script":x.test(t)&&"xml")||"text"}function f(t,e){return""==e?t:(t+"&"+e).replace(/[&?]{1,2}/,"?")}function d(e){e.processData&&e.data&&"string"!=t.type(e.data)&&(e.data=t.param(e.data,e.traditional)),!e.data||e.type&&"GET"!=e.type.toUpperCase()||(e.url=f(e.url,e.data),e.data=void 0)}function h(e,n,o,i){return t.isFunction(n)&&(i=o,o=n,n=void 0),t.isFunction(o)||(i=o,o=void 0),{url:e,data:n,success:o,dataType:i}}function p(e,n,o,i){var r,a=t.isArray(n),s=t.isPlainObject(n);t.each(n,function(n,l){r=t.type(l),i&&(n=o?i:i+"["+(s||"object"==r||"array"==r?n:"")+"]"),!i&&a?e.add(l.name,l.value):"array"==r||!o&&"object"==r?p(e,l,o,n):e.add(n,l)})}var m,g,b=0,v=window.document,y=/^(?:text|application)\/javascript/i,x=/^(?:text|application)\/xml/i,w="application/json",k="text/html",E=/^\s*$/,T=v.createElement("a");T.href=window.location.href,t.active=0,t.ajaxJSONP=function(e,n){if(!("type"in e))return t.ajax(e);var o,i,l=e.jsonpCallback,u=(t.isFunction(l)?l():l)||"jsonp"+ ++b,c=v.createElement("script"),f=window[u],d=function(e){t(c).triggerHandler("error",e||"abort")},h={abort:d};return n&&n.promise(h),t(c).on("load error",function(r,l){clearTimeout(i),t(c).off().remove(),"error"!=r.type&&o?a(o[0],h,e,n):s(null,l||"error",h,e,n),window[u]=f,o&&t.isFunction(f)&&f(o[0]),f=o=void 0}),!1===r(h,e)?(d("abort"),h):(window[u]=function(){o=arguments},c.src=e.url.replace(/\?(.+)=\?/,"?$1="+u),v.head.appendChild(c),e.timeout>0&&(i=setTimeout(function(){d("timeout")},e.timeout)),h)},t.ajaxSettings={type:"GET",beforeSend:u,success:u,error:u,complete:u,context:null,global:!0,xhr:function(){return new window.XMLHttpRequest},accepts:{script:"text/javascript, application/javascript, application/x-javascript",json:w,xml:"application/xml, text/xml",html:k,text:"text/plain"},crossDomain:!1,timeout:0,processData:!0,cache:!0},t.ajax=function(e){var n,i=t.extend({},e||{}),l=t.Deferred&&t.Deferred();for(m in t.ajaxSettings)void 0===i[m]&&(i[m]=t.ajaxSettings[m]);o(i),i.crossDomain||(n=v.createElement("a"),n.href=i.url,n.href=n.href,i.crossDomain=T.protocol+"//"+T.host!=n.protocol+"//"+n.host),i.url||(i.url=window.location.toString()),d(i);var h=i.dataType,p=/\?.+=\?/.test(i.url);if(p&&(h="jsonp"),!1!==i.cache&&(e&&!0===e.cache||"script"!=h&&"jsonp"!=h)||(i.url=f(i.url,"_="+Date.now())),"jsonp"==h)return p||(i.url=f(i.url,i.jsonp?i.jsonp+"=?":!1===i.jsonp?"":"callback=?")),t.ajaxJSONP(i,l);var b,y=i.accepts[h],x={},w=function(t,e){x[t.toLowerCase()]=[t,e]},k=/^([\w-]+:)\/\//.test(i.url)?RegExp.$1:window.location.protocol,M=i.xhr(),S=M.setRequestHeader;if(l&&l.promise(M),i.crossDomain||w("X-Requested-With","XMLHttpRequest"),w("Accept",y||"*/*"),(y=i.mimeType||y)&&(y.indexOf(",")>-1&&(y=y.split(",",2)[0]),M.overrideMimeType&&M.overrideMimeType(y)),(i.contentType||!1!==i.contentType&&i.data&&"GET"!=i.type.toUpperCase())&&w("Content-Type",i.contentType||"application/x-www-form-urlencoded"),i.headers)for(g in i.headers)w(g,i.headers[g]);if(M.setRequestHeader=w,M.onreadystatechange=function(){if(4==M.readyState){M.onreadystatechange=u,clearTimeout(b);var e,n=!1;if(M.status>=200&&M.status<300||304==M.status||0==M.status&&"file:"==k){h=h||c(i.mimeType||M.getResponseHeader("content-type")),e=M.responseText;try{"script"==h?(0,eval)(e):"xml"==h?e=M.responseXML:"json"==h&&(e=E.test(e)?null:t.parseJSON(e))}catch(t){n=t}n?s(n,"parsererror",M,i,l):a(e,M,i,l)}else s(M.statusText||null,M.status?"error":"abort",M,i,l)}},!1===r(M,i))return M.abort(),s(null,"abort",M,i,l),M;if(i.xhrFields)for(g in i.xhrFields)M[g]=i.xhrFields[g];var C=!("async"in i)||i.async;M.open(i.type,i.url,C,i.username,i.password);for(g in x)S.apply(M,x[g]);return i.timeout>0&&(b=setTimeout(function(){M.onreadystatechange=u,M.abort(),s(null,"timeout",M,i,l)},i.timeout)),M.send(i.data?i.data:null),M},t.get=function(){return t.ajax(h.apply(null,arguments))},t.post=function(){var e=h.apply(null,arguments);return e.type="POST",t.ajax(e)},t.getJSON=function(){var e=h.apply(null,arguments);return e.dataType="json",t.ajax(e)},t.fn.load=function(e,n,o){if(!this.length)return this;var i,r=this,a=e.split(/\s/),s=h(e,n,o),l=s.success;return a.length>1&&(s.url=a[0],i=a[1]),s.success=function(e){r.html(i?t("<div>").html(e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi,"")).find(i):e),l&&l.apply(r,arguments)},t.ajax(s),this};var M=encodeURIComponent;t.param=function(e,n){var o=[];return o.add=function(e,n){t.isFunction(n)&&(n=n()),null==n&&(n=""),this.push(M(e)+"="+M(n))},p(o,e,n),o.join("&").replace(/%20/g,"+")}}(i),function(t){t.fn.serializeArray=function(){var e,n,o=[],i=function t(n){if(n.forEach)return n.forEach(t);o.push({name:e,value:n})};return this[0]&&t.each(this[0].elements,function(o,r){n=r.type,e=r.name,e&&"fieldset"!=r.nodeName.toLowerCase()&&!r.disabled&&"submit"!=n&&"reset"!=n&&"button"!=n&&"file"!=n&&("radio"!=n&&"checkbox"!=n||r.checked)&&i(t(r).val())}),o},t.fn.serialize=function(){var t=[];return this.serializeArray().forEach(function(e){t.push(encodeURIComponent(e.name)+"="+encodeURIComponent(e.value))}),t.join("&")},t.fn.submit=function(e){if(0 in arguments)this.bind("submit",e);else if(this.length){var n=t.Event("submit");this.eq(0).trigger(n),n.isDefaultPrevented()||this.get(0).submit()}return this}}(i),function(t){"__proto__"in{}||t.extend(t.zepto,{Z:function(e,n){return e=e||[],t.extend(e,t.fn),e.selector=n||"",e.__Z=!0,e},isZ:function(e){return"array"===t.type(e)&&"__Z"in e}});try{getComputedStyle(void 0)}catch(t){var e=getComputedStyle;window.getComputedStyle=function(t){try{return e(t)}catch(t){return null}}}}(i)},function(t,e){t.exports="https://s3-us-west-1.amazonaws.com/grin-market/static/site/fonts/fontello.eot"},function(t,e,n){"use strict";var o,i;(function(){var n,r,a,s,l,u,c,f,d,h,p,m,g,b,v,y,x,w,k,E,T,M,S,C,j,z,L,O,N,A,D,R,P=[].slice;x='<span class="odometer-value"></span>',b='<span class="odometer-ribbon"><span class="odometer-ribbon-inner">'+x+"</span></span>",s='<span class="odometer-digit"><span class="odometer-digit-spacer">8</span><span class="odometer-digit-inner">'+b+"</span></span>",c='<span class="odometer-formatting-mark"></span>',a="(,ddd).dd",f=/^\(?([^)]*)\)?(?:(.)(d+))?$/,d=30,u=2e3,n=20,h=2,l=.5,p=1e3/d,r=1e3/n,v="transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd",j=document.createElement("div").style,y=null!=j.transition||null!=j.webkitTransition||null!=j.mozTransition||null!=j.oTransition,S=window.requestAnimationFrame||window.mozRequestAnimationFrame||window.webkitRequestAnimationFrame||window.msRequestAnimationFrame,m=window.MutationObserver||window.WebKitMutationObserver||window.MozMutationObserver,k=function(t){var e;return e=document.createElement("div"),e.innerHTML=t,e.children[0]},M=function(t,e){return t.className=t.className.replace(new RegExp("(^| )"+e.split(" ").join("|")+"( |$)","gi")," ")},w=function(t,e){return M(t,e),t.className+=" "+e},z=function(t,e){var n;if(null!=document.createEvent)return n=document.createEvent("HTMLEvents"),n.initEvent(e,!0,!0),t.dispatchEvent(n)},T=function(){var t,e;return null!=(t=null!=(e=window.performance)&&"function"==typeof e.now?e.now():void 0)?t:+new Date},C=function(t,e){return null==e&&(e=0),e?(t*=Math.pow(10,e),t+=.5,t=Math.floor(t),t/=Math.pow(10,e)):Math.round(t)},L=function(t){return t<0?Math.ceil(t):Math.floor(t)},E=function(t){return t-C(t)},N=!1,(O=function(){var t,e,n,o,i;if(!N&&null!=window.jQuery){for(N=!0,o=["html","text"],i=[],e=0,n=o.length;e<n;e++)t=o[e],i.push(function(t){var e;return e=window.jQuery.fn[t],window.jQuery.fn[t]=function(t){var n;return null==t||null==(null!=(n=this[0])?n.odometer:void 0)?e.apply(this,arguments):this[0].odometer.update(t)}}(t));return i}})(),setTimeout(O,0),g=function(){function t(e){var n,o,i,r,a,s,l,c,f,d=this;if(this.options=e,this.el=this.options.el,null!=this.el.odometer)return this.el.odometer;this.el.odometer=this,l=t.options;for(n in l)i=l[n],null==this.options[n]&&(this.options[n]=i);null==(r=this.options).duration&&(r.duration=u),this.MAX_VALUES=this.options.duration/p/h|0,this.resetFormat(),this.value=this.cleanValue(null!=(c=this.options.value)?c:""),this.renderInside(),this.render();try{for(f=["innerHTML","innerText","textContent"],a=0,s=f.length;a<s;a++)o=f[a],null!=this.el[o]&&function(t){Object.defineProperty(d.el,t,{get:function(){var e;return"innerHTML"===t?d.inside.outerHTML:null!=(e=d.inside.innerText)?e:d.inside.textContent},set:function(t){return d.update(t)}})}(o)}catch(t){t,this.watchForMutations()}}return t.prototype.renderInside=function(){return this.inside=document.createElement("div"),this.inside.className="odometer-inside",this.el.innerHTML="",this.el.appendChild(this.inside)},t.prototype.watchForMutations=function(){var t=this;if(null!=m)try{return null==this.observer&&(this.observer=new m(function(e){var n;return n=t.el.innerText,t.renderInside(),t.render(t.value),t.update(n)})),this.watchMutations=!0,this.startWatchingMutations()}catch(t){t}},t.prototype.startWatchingMutations=function(){if(this.watchMutations)return this.observer.observe(this.el,{childList:!0})},t.prototype.stopWatchingMutations=function(){var t;return null!=(t=this.observer)?t.disconnect():void 0},t.prototype.cleanValue=function(t){var e;return"string"==typeof t&&(t=t.replace(null!=(e=this.format.radix)?e:".","<radix>"),t=t.replace(/[.,]/g,""),t=t.replace("<radix>","."),t=parseFloat(t,10)||0),C(t,this.format.precision)},t.prototype.bindTransitionEnd=function(){var t,e,n,o,i,r,a=this;if(!this.transitionEndBound){for(this.transitionEndBound=!0,e=!1,i=v.split(" "),r=[],n=0,o=i.length;n<o;n++)t=i[n],r.push(this.el.addEventListener(t,function(){return!!e||(e=!0,setTimeout(function(){return a.render(),e=!1,z(a.el,"odometerdone")},0),!0)},!1));return r}},t.prototype.resetFormat=function(){var t,e,n,o,i,r,s,l;if(t=null!=(s=this.options.format)?s:a,t||(t="d"),!(n=f.exec(t)))throw new Error("Odometer: Unparsable digit format");return l=n.slice(1,4),r=l[0],i=l[1],e=l[2],o=(null!=e?e.length:void 0)||0,this.format={repeating:r,radix:i,precision:o}},t.prototype.render=function(t){var e,n,o,i,r,a,s;for(null==t&&(t=this.value),this.stopWatchingMutations(),this.resetFormat(),this.inside.innerHTML="",r=this.options.theme,e=this.el.className.split(" "),i=[],a=0,s=e.length;a<s;a++)n=e[a],n.length&&((o=/^odometer-theme-(.+)$/.exec(n))?r=o[1]:/^odometer(-|$)/.test(n)||i.push(n));return i.push("odometer"),y||i.push("odometer-no-transitions"),r?i.push("odometer-theme-"+r):i.push("odometer-auto-theme"),this.el.className=i.join(" "),this.ribbons={},this.formatDigits(t),this.startWatchingMutations()},t.prototype.formatDigits=function(t){var e,n,o,i,r,a,s,l,u,c;if(this.digits=[],this.options.formatFunction)for(o=this.options.formatFunction(t),u=o.split("").reverse(),r=0,s=u.length;r<s;r++)n=u[r],n.match(/0-9/)?(e=this.renderDigit(),e.querySelector(".odometer-value").innerHTML=n,this.digits.push(e),this.insertDigit(e)):this.addSpacer(n);else for(i=!this.format.precision||!E(t)||!1,c=t.toString().split("").reverse(),a=0,l=c.length;a<l;a++)e=c[a],"."===e&&(i=!0),this.addDigit(e,i)},t.prototype.update=function(t){var e,n=this;if(t=this.cleanValue(t),e=t-this.value)return M(this.el,"odometer-animating-up odometer-animating-down odometer-animating"),e>0?w(this.el,"odometer-animating-up"):w(this.el,"odometer-animating-down"),this.stopWatchingMutations(),this.animate(t),this.startWatchingMutations(),setTimeout(function(){return n.el.offsetHeight,w(n.el,"odometer-animating")},0),this.value=t},t.prototype.renderDigit=function(){return k(s)},t.prototype.insertDigit=function(t,e){return null!=e?this.inside.insertBefore(t,e):this.inside.children.length?this.inside.insertBefore(t,this.inside.children[0]):this.inside.appendChild(t)},t.prototype.addSpacer=function(t,e,n){var o;return o=k(c),o.innerHTML=t,n&&w(o,n),this.insertDigit(o,e)},t.prototype.addDigit=function(t,e){var n,o,i,r;if(null==e&&(e=!0),"-"===t)return this.addSpacer(t,null,"odometer-negation-mark");if("."===t)return this.addSpacer(null!=(r=this.format.radix)?r:".",null,"odometer-radix-mark");if(e)for(i=!1;;){if(!this.format.repeating.length){if(i)throw new Error("Bad odometer format without digits");this.resetFormat(),i=!0}if(n=this.format.repeating[this.format.repeating.length-1],this.format.repeating=this.format.repeating.substring(0,this.format.repeating.length-1),"d"===n)break;this.addSpacer(n)}return o=this.renderDigit(),o.querySelector(".odometer-value").innerHTML=t,this.digits.push(o),this.insertDigit(o)},t.prototype.animate=function(t){return y&&"count"!==this.options.animation?this.animateSlide(t):this.animateCount(t)},t.prototype.animateCount=function(t){var e,n,o,i,a,s=this;if(n=+t-this.value)return i=o=T(),e=this.value,(a=function(){var l,u,c;return T()-i>s.options.duration?(s.value=t,s.render(),void z(s.el,"odometerdone")):(l=T()-o,l>r&&(o=T(),c=l/s.options.duration,u=n*c,e+=u,s.render(Math.round(e))),null!=S?S(a):setTimeout(a,r))})()},t.prototype.getDigitCount=function(){var t,e,n,o,i,r;for(o=1<=arguments.length?P.call(arguments,0):[],t=i=0,r=o.length;i<r;t=++i)n=o[t],o[t]=Math.abs(n);return e=Math.max.apply(Math,o),Math.ceil(Math.log(e+1)/Math.log(10))},t.prototype.getFractionalDigitCount=function(){var t,e,n,o,i,r,a;for(i=1<=arguments.length?P.call(arguments,0):[],e=/^\-?\d*\.(\d*?)0*$/,t=r=0,a=i.length;r<a;t=++r)o=i[t],i[t]=o.toString(),n=e.exec(i[t]),i[t]=null==n?0:n[1].length;return Math.max.apply(Math,i)},t.prototype.resetDigits=function(){return this.digits=[],this.ribbons=[],this.inside.innerHTML="",this.resetFormat()},t.prototype.animateSlide=function(t){var e,n,o,i,r,a,s,u,c,f,d,h,p,m,g,b,v,y,x,k,E,T,M,S,C,j,z;if(b=this.value,u=this.getFractionalDigitCount(b,t),u&&(t*=Math.pow(10,u),b*=Math.pow(10,u)),o=t-b){for(this.bindTransitionEnd(),i=this.getDigitCount(b,t),r=[],e=0,d=x=0;0<=i?x<i:x>i;d=0<=i?++x:--x){if(v=L(b/Math.pow(10,i-d-1)),s=L(t/Math.pow(10,i-d-1)),a=s-v,Math.abs(a)>this.MAX_VALUES){for(f=[],h=a/(this.MAX_VALUES+this.MAX_VALUES*e*l),n=v;a>0&&n<s||a<0&&n>s;)f.push(Math.round(n)),n+=h;f[f.length-1]!==s&&f.push(s),e++}else f=function(){z=[];for(var t=v;v<=s?t<=s:t>=s;v<=s?t++:t--)z.push(t);return z}.apply(this);for(d=k=0,T=f.length;k<T;d=++k)c=f[d],f[d]=Math.abs(c%10);r.push(f)}for(this.resetDigits(),j=r.reverse(),d=E=0,M=j.length;E<M;d=++E)for(f=j[d],this.digits[d]||this.addDigit(" ",d>=u),null==(y=this.ribbons)[d]&&(y[d]=this.digits[d].querySelector(".odometer-ribbon-inner")),this.ribbons[d].innerHTML="",o<0&&(f=f.reverse()),p=C=0,S=f.length;C<S;p=++C)c=f[p],g=document.createElement("div"),g.className="odometer-value",g.innerHTML=c,this.ribbons[d].appendChild(g),p===f.length-1&&w(g,"odometer-last-value"),0===p&&w(g,"odometer-first-value");return v<0&&this.addDigit("-"),m=this.inside.querySelector(".odometer-radix-mark"),null!=m&&m.parent.removeChild(m),u?this.addSpacer(this.format.radix,this.digits[u-1],"odometer-radix-mark"):void 0}},t}(),g.options=null!=(D=window.odometerOptions)?D:{},setTimeout(function(){var t,e,n,o,i;if(window.odometerOptions){o=window.odometerOptions,i=[];for(t in o)e=o[t],i.push(null!=(n=g.options)[t]?(n=g.options)[t]:n[t]=e);return i}},0),g.init=function(){var t,e,n,o,i,r;if(null!=document.querySelectorAll){for(e=document.querySelectorAll(g.options.selector||".odometer"),r=[],n=0,o=e.length;n<o;n++)t=e[n],r.push(t.odometer=new g({el:t,value:null!=(i=t.innerText)?i:t.textContent}));return r}},null!=(null!=(R=document.documentElement)?R.doScroll:void 0)&&null!=document.createEventObject?(A=document.onreadystatechange,document.onreadystatechange=function(){return"complete"===document.readyState&&!1!==g.options.auto&&g.init(),null!=A?A.apply(this,arguments):void 0}):document.addEventListener("DOMContentLoaded",function(){if(!1!==g.options.auto)return g.init()},!1),o=[],void 0!==(i=function(){return g}.apply(e,o))&&(t.exports=i)}).call(void 0)},function(t,e,n){"use strict";function o(t,e,n,o){e.key=u,l.default.ajax({type:"GET",dataType:"json",url:t,data:e,success:function(t){return n(t)},error:function(t,e){return o(t,e)}})}function i(t,e,n){o("https://www.googleapis.com/youtube/v3/channels",{id:t,part:"statistics,snippet"},function(t){t.items&&t.items.length?e({id:t.items[0].id,image:t.items[0].snippet.thumbnails.default.url,name:t.items[0].snippet.title,count:t.items[0].statistics.subscriberCount}):n()})}function r(t,e){o("https://www.googleapis.com/youtube/v3/channels",{part:"statistics",id:t,fields:"items/statistics/subscriberCount"},function(t){e(t.items[0].statistics.subscriberCount)})}function a(t,e,n){o("https://www.googleapis.com/youtube/v3/search",{q:t,part:"snippet",type:"channel",fields:"items/snippet"},function(t){t.items&&t.items.length?e(t.items[0].snippet.channelId):n()})}Object.defineProperty(e,"__esModule",{value:!0}),e.getChannel=i,e.getCount=r,e.search=a;var s=n(0),l=function(t){return t&&t.__esModule?t:{default:t}}(s),u="AIzaSyCmRPZ4hLkijSTtJYnjIitvAd45z291Bzs"},function(t,e,n){var o=n(8);"string"==typeof o&&(o=[[t.i,o,""]]);var i={};i.transform=void 0;n(13)(o,i);o.locals&&(t.exports=o.locals)},function(t,e,n){"use strict";function o(t,e){var n=t[1]||"",o=t[3];if(!o)return n;if(e&&"function"==typeof btoa){var r=i(o);return[n].concat(o.sources.map(function(t){return"/*# sourceURL="+o.sourceRoot+t+" */"})).concat([r]).join("\n")}return[n].join("\n")}function i(t){return"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(t))))+" */"}t.exports=function(t){var e=[];return e.toString=function(){return this.map(function(e){var n=o(e,t);return e[2]?"@media "+e[2]+"{"+n+"}":n}).join("")},e.i=function(t,n){"string"==typeof t&&(t=[[null,t,""]]);for(var o={},i=0;i<this.length;i++){var r=this[i][0];"number"==typeof r&&(o[r]=!0)}for(i=0;i<t.length;i++){var a=t[i];"number"==typeof a[0]&&o[a[0]]||(n&&!a[2]?a[2]=n:n&&(a[2]="("+a[2]+") and ("+n+")"),e.push(a))}},e}},function(t,e,n){"use strict";t.exports=function(t){var e="undefined"!=typeof window&&window.location;if(!e)throw new Error("fixUrls requires window.location");if(!t||"string"!=typeof t)return t;var n=e.protocol+"//"+e.host,o=n+e.pathname.replace(/\/[^\/]*$/,"/");return t.replace(/url\s*\(((?:[^)(]|\((?:[^)(]+|\([^)(]*\))*\))*)\)/gi,function(t,e){var i=e.trim().replace(/^"(.*)"$/,function(t,e){return e}).replace(/^'(.*)'$/,function(t,e){return e});if(/^(#|data:|http:\/\/|https:\/\/|file:\/\/\/)/i.test(i))return t;var r;return r=0===i.indexOf("//")?i:0===i.indexOf("/")?n+i:o+i.replace(/^\.\//,""),"url("+JSON.stringify(r)+")"})}},function(t,e,n){"use strict";function o(t){return t&&t.__esModule?t:{default:t}}n(4);var i=n(0),r=o(i),a=n(3),s=n(2),l=(o(s),(0,r.default)("#query")),u=(0,r.default)("#change"),c=(0,r.default)("#pic"),f=(0,r.default)("#subscribe"),d=(0,r.default)("#channel"),h=(0,r.default)("#tweet"),p=(0,r.default)("#share"),m=(0,r.default)("#night"),g=(0,r.default)("body"),b=(0,r.default)("#sound"),v=(0,r.default)("#color"),y=(0,r.default)("#colorInput"),x=document.getElementById("sound-up"),w=document.getElementById("sound-down"),k=document.getElementById("stat"),E=!1,T="#ffffff",M=null,S=start.count,C=function(t){clearInterval(M),M=setInterval(function(){(0,a.getCount)(t,function(t){t!==S&&(k.innerHTML=t,E&&(t>S&&x.play(),t<S&&w.play()),S=t)})},3e3)},j=function(t){(0,a.getChannel)(t,function(t){k.innerHTML=t.count,S=t.count,d.text(t.name),c.attr("src",t.image).attr("alt",t.name),z(t.id,t.name),C(t.id)},function(){alert("no channel")})},z=function(t,e){var n=document.location.href,o=encodeURIComponent("View "+e+"'s live subscriber count on Grin!");f.attr("href","https://www.youtube.com/channel/"+t+"?sub_confirmation=1"),h.attr("href","https://twitter.com/intent/tweet?url="+n+"&text="+o),p.attr("href","https://www.facebook.com/sharer/sharer.php?t="+o+"&u="+n)},L=function(t){t=decodeURIComponent(t.replace("-","+")),(0,a.search)(t,function(e){j(e),history.pushState({},"",encodeURIComponent(t).replace(/%20/g,"-")),l.val(""),u.find(".icon-search").show(),u.find(".icon-loading").hide()},function(){alert("no items found")})};(0,r.default)(function(){k.innerHTML=start.count,z(start.id,start.name),C(start.id),l.on("focus",function(){setTimeout(function(){(0,r.default)(window).scrollTop(0)},500)}).on("keyup",function(t){13===t.keyCode&&(u.find(".icon-search").hide(),u.find(".icon-loading").show(),L(l.val()))}),u.on("click",function(){u.find(".icon-search").hide(),u.find(".icon-loading").show(),L(l.val())}),b.on("click",function(){E=!E,b.toggleClass("active")}),m.on("click",function(){g.toggleClass("night"),g.hasClass("night")?(g.css("background-color","##FFFFFF"),m.addClass("active")):(g.css("background-color",T),m.removeClass("active"))}),y.on("change",function(){T=y.val(),g.css("background-color",T)}),v.on("click",function(){y.click()}),(0,r.default)(window).on("scroll",function(){(0,r.default)(window).scrollTop()>150&&((0,r.default)(".hide").show(),(0,r.default)(window).off("scroll"))})})},function(t,e,n){e=t.exports=n(5)(void 0),e.push([t.i,"/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit;font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}[hidden],template{display:none}@font-face{font-family:fontello;src:url("+n(1)+");src:url("+n(1)+'#iefix) format("embedded-opentype"),url('+n(11)+') format("woff2"),url('+n(12)+') format("woff"),url('+n(10)+') format("truetype"),url('+n(9)+'#fontello) format("svg");font-weight:400;font-style:normal}[class*=" icon-"]:before,[class^=icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-volume:before{content:"\\E800"}.icon-search:before{content:"\\E801"}.icon-cog:before{content:"\\E802"}.icon-loading:before{content:"\\E839"}.icon-twitter:before{content:"\\F099"}.icon-facebook:before{content:"\\F09A"}.icon-youtube:before{content:"\\F16A"}.icon-sun:before{content:"\\F185"}.icon-color:before{content:"\\F1FB"}*,:after,:before{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;color:#24292e;background-color:#f6f6f9;position:relative;float:left;width:100%}h1{border-bottom:1px solid #eee;padding-bottom:10px;font-size:1.75em;margin-top:30px}h1.title{border:0}h2{opacity:.9}p{opacity:.8;line-height:26px}a{color:#20a0ff;text-decoration:none}a:hover{text-decoration:underline}ul li{line-height:26px;opacity:.8}.nav{float:left;position:absolute;top:10px;left:10px;width:50%}.nav ul{margin:0;padding:0}.nav ul,.nav ul li{display:block;float:left}.nav ul li{margin-right:5px;font-size:12px}.nav ul li a{opacity:.75;color:#FFFFFF;transition:opacity .2s ease;text-decoration:none}.nav ul li a:hover{opacity:1}.odometer.odometer-auto-theme,.odometer.odometer-auto-theme .odometer-digit,.odometer.odometer-theme-default,.odometer.odometer-theme-default .odometer-digit{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;position:relative}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer{display:inline-block;vertical-align:middle;*vertical-align:auto;*zoom:1;*display:inline;visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner{text-align:left;display:block;position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon{display:block}.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner{display:block;-webkit-backface-visibility:hidden}.odometer.odometer-auto-theme .odometer-digit .odometer-value,.odometer.odometer-theme-default .odometer-digit .odometer-value{display:block;-webkit-transform:translateZ(0)}.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value{position:absolute}.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s}.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-ms-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner{-webkit-transition:-webkit-transform 2s;-moz-transition:-moz-transform 2s;-ms-transition:-ms-transform 2s;-o-transition:-o-transform 2s;transition:transform 2s;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.odometer.odometer-auto-theme,.odometer.odometer-theme-default{font-family:Helvetica Neue,sans-serif;line-height:1.1em}.odometer.odometer-auto-theme .odometer-value,.odometer.odometer-theme-default .odometer-value{text-align:center}body{transition:background .2s ease;*zoom:1}body.night{background-color:#FFFFFF}body.night #stat{text-shadow:1px 1px 3px hsla(0,0%,100%,.36)}body.night #channel,body.night #stat{color:hsla(0,0%,100%,.75)}body.night .toolbar{background-color:#111;border-top-color:#111}body.night .toolbar .buttons button,body.night .toolbar .search button,body.night .toolbar .search input{background-color:transparent;color:#fff}body.night .toolbar .search button,body.night .toolbar .search input{border-color:hsla(0,0%,100%,.3)}body.night .links a{background-color:transparent!important}body.night .links a#subscribe:hover{background-color:#cf0000!important}body.night .links a#tweet:hover{background-color:#0084b4!important}body.night .links a#share:hover{background-color:#3b5998!important}#stat{font-weight:100;font-size:120px;text-align:center;text-shadow:1px 1px 3px rgba(0,0,0,.4);margin:30px 0 40px}@media only screen and (max-width:768px){#stat{font-size:58px}}.wrapper{position:relative}.top{height:73vh;width:100%;text-align:center}.center{height:300px;margin-top:27vh}@media only screen and (max-width:768px){.center{height:220px;margin-top:27vh}}.channel-details img{border-radius:50%;width:40px;margin-right:10px;vertical-align:bottom}@media only screen and (max-width:768px){.channel-details img{width:30px}}.channel-details #channel{display:inline-block;font-size:40px;line-height:40px;font-weight:700;vertical-align:baseline;margin:0;padding:0;border:0}@media only screen and (max-width:768px){.channel-details #channel{font-size:30px;line-height:30px}}.links a{display:inline-block;color:#fff;border-radius:4px;padding:10px 15px 9px;font-size:12px;text-transform:uppercase;font-weight:400;text-decoration:none;transition:background .2s ease}.links a i{margin-right:5px;font-size:20px}@media only screen and (max-width:768px){.links a i{font-size:16px}}.links a span{vertical-align:text-bottom}@media only screen and (max-width:768px){.links a{font-size:10px;padding:8px 13px 7px}}.links a#subscribe{background-color:#cf0000}.links a#subscribe:hover{background-color:#b00}.links a#tweet{background-color:#0084b4}.links a#tweet:hover{background-color:#0075a0}.links a#share{background-color:#3b5998}.links a#share:hover{background-color:#355089}.toolbar{position:fixed;bottom:0;z-index:99;height:50px;width:100%;background-color:#fff;border-top:1px solid #ddd;float:left;padding:6px}@media only screen and (max-width:768px){.toolbar{top:0;bottom:auto}}.toolbar .buttons{float:right;width:30%;text-align:right}.toolbar .search{float:left;width:70%}.toolbar .search button{float:left;display:block;border:1px solid #ddd;padding:7px 10px;opacity:1;border-radius:0 4px 4px 0}.toolbar .search button i{opacity:.6;transition:opacitt .2s ease}.toolbar .search button:hover i{opacity:1}@media only screen and (max-width:768px){.toolbar .search button{padding:9px 7px}}.toolbar .search input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid #ddd;border-radius:4px 0 0 4px;font-weight:300;border-right:0;width:200px;float:left;display:block;height:38px;font-size:16px;padding:6px 12px;outline:none}.toolbar button{border:0;background-color:#fff;padding:10px 15px;outline:none;font-size:20px;cursor:pointer;opacity:.6;transition:opacity .2s ease}.toolbar button:hover{opacity:1}.toolbar button.active{color:#20a0ff;opacity:1}@media only screen and (max-width:768px){.toolbar button{font-size:16px;padding:10px 5px}}.bottom{max-width:1020px;margin-right:auto;margin-left:auto;padding:25px 50px 50px;border-top:1px solid #eee;background-color:#fff;width:100%}@media only screen and (max-width:768px){.bottom{float:none;padding:15px}}.bottom h1.title{text-align:center}.bottom .left,.bottom .right{float:left;width:50%;padding:30px}.bottom .left img,.bottom .right img{max-width:100%}@media only screen and (max-width:768px){.bottom .left,.bottom .right{width:100%;float:none;padding:20px}}.footer{margin-right:auto;margin-left:auto;max-width:1020px;padding:25px;margin-bottom:40px;background-color:#eee;border-top:1px solid #ddd;width:100%}.footer .footer-left{float:left;width:30%}@media only screen and (max-width:768px){.footer .footer-left{float:none;width:100%}}.footer .footer-right{float:right;width:60%}@media only screen and (max-width:768px){.footer .footer-right{float:none;width:100%}}.footer h4{font-size:18px;margin:0 0 10px}.footer p{line-height:24px;opacity:.9}.footer .footer-links a{display:block;margin-bottom:7px;color:#565656;transition:color .2s ease}.footer .footer-links a:hover{color:#20a0ff}.bottom:after,.footer:after{content:"";display:table;clear:both}',""])},function(t,e){t.exports="https://s3-us-west-1.amazonaws.com/grin-market/static/site/fonts/fontello.svg"},function(t,e){t.exports="https://s3-us-west-1.amazonaws.com/grin-market/static/site/fonts/fontello.ttf"},function(t,e){t.exports="https://s3-us-west-1.amazonaws.com/grin-market/static/site/fonts/fontello.woff2"},function(t,e){t.exports="https://s3-us-west-1.amazonaws.com/grin-market/static/site/fonts/fontello.woff"},function(t,e,n){function o(t,e){for(var n=0;n<t.length;n++){var o=t[n],i=p[o.id];if(i){i.refs++;for(var r=0;r<i.parts.length;r++)i.parts[r](o.parts[r]);for(;r<o.parts.length;r++)i.parts.push(c(o.parts[r],e))}else{for(var a=[],r=0;r<o.parts.length;r++)a.push(c(o.parts[r],e));p[o.id]={id:o.id,refs:1,parts:a}}}}function i(t,e){for(var n=[],o={},i=0;i<t.length;i++){var r=t[i],a=e.base?r[0]+e.base:r[0],s=r[1],l=r[2],u=r[3],c={css:s,media:l,sourceMap:u};o[a]?o[a].parts.push(c):n.push(o[a]={id:a,parts:[c]})}return n}function r(t,e){var n=g(t.insertInto);if(!n)throw new Error("Couldn't find a style target. This probably means that the value for the 'insertInto' parameter is invalid.");var o=y[y.length-1];if("top"===t.insertAt)o?o.nextSibling?n.insertBefore(e,o.nextSibling):n.appendChild(e):n.insertBefore(e,n.firstChild),y.push(e);else{if("bottom"!==t.insertAt)throw new Error("Invalid value for parameter 'insertAt'. Must be 'top' or 'bottom'.");n.appendChild(e)}}function a(t){t.parentNode.removeChild(t);var e=y.indexOf(t);e>=0&&y.splice(e,1)}function s(t){var e=document.createElement("style");return t.attrs.type="text/css",u(e,t.attrs),r(t,e),e}function l(t){var e=document.createElement("link");return t.attrs.type="text/css",t.attrs.rel="stylesheet",u(e,t.attrs),r(t,e),e}function u(t,e){Object.keys(e).forEach(function(n){t.setAttribute(n,e[n])})}function c(t,e){var n,o,i,r;if(e.transform&&t.css){if(!(r=e.transform(t.css)))return function(){};t.css=r}if(e.singleton){var u=v++;n=b||(b=s(e)),o=f.bind(null,n,u,!1),i=f.bind(null,n,u,!0)}else t.sourceMap&&"function"==typeof URL&&"function"==typeof URL.createObjectURL&&"function"==typeof URL.revokeObjectURL&&"function"==typeof Blob&&"function"==typeof btoa?(n=l(e),o=h.bind(null,n,e),i=function(){a(n),n.href&&URL.revokeObjectURL(n.href)}):(n=s(e),o=d.bind(null,n),i=function(){a(n)});return o(t),function(e){if(e){if(e.css===t.css&&e.media===t.media&&e.sourceMap===t.sourceMap)return;o(t=e)}else i()}}function f(t,e,n,o){var i=n?"":o.css;if(t.styleSheet)t.styleSheet.cssText=w(e,i);else{var r=document.createTextNode(i),a=t.childNodes;a[e]&&t.removeChild(a[e]),a.length?t.insertBefore(r,a[e]):t.appendChild(r)}}function d(t,e){var n=e.css,o=e.media;if(o&&t.setAttribute("media",o),t.styleSheet)t.styleSheet.cssText=n;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(n))}}function h(t,e,n){var o=n.css,i=n.sourceMap,r=void 0===e.convertToAbsoluteUrls&&i;(e.convertToAbsoluteUrls||r)&&(o=x(o)),i&&(o+="\n/*# sourceMappingURL=data:application/json;base64,"+btoa(unescape(encodeURIComponent(JSON.stringify(i))))+" */");var a=new Blob([o],{type:"text/css"}),s=t.href;t.href=URL.createObjectURL(a),s&&URL.revokeObjectURL(s)}var p={},m=function(t){var e;return function(){return void 0===e&&(e=t.apply(this,arguments)),e}}(function(){return window&&document&&document.all&&!window.atob}),g=function(t){var e={};return function(n){return void 0===e[n]&&(e[n]=t.call(this,n)),e[n]}}(function(t){return document.querySelector(t)}),b=null,v=0,y=[],x=n(6);t.exports=function(t,e){if("undefined"!=typeof DEBUG&&DEBUG&&"object"!=typeof document)throw new Error("The style-loader cannot be used in a non-browser environment");e=e||{},e.attrs="object"==typeof e.attrs?e.attrs:{},void 0===e.singleton&&(e.singleton=m()),void 0===e.insertInto&&(e.insertInto="head"),void 0===e.insertAt&&(e.insertAt="bottom");var n=i(t,e);return o(n,e),function(t){for(var r=[],a=0;a<n.length;a++){var s=n[a],l=p[s.id];l.refs--,r.push(l)}if(t){o(i(t,e),e)}for(var a=0;a<r.length;a++){var l=r[a];if(0===l.refs){for(var u=0;u<l.parts.length;u++)l.parts[u]();delete p[l.id]}}}};var w=function(){var t=[];return function(e,n){return t[e]=n,t.filter(Boolean).join("\n")}}()}]);
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-61014226-6', 'auto');
ga('require', 'GTM-WB32J8M');
ga('send', 'pageview');

</script>

</body>

</html>


March 12, 2019 at 12:04pm

I am asking to do this in an HTML site, not in codepen, so if you could add it as html format that would be helpful

  • reply
  • like

Which the user cannot mute or pause? Please never do this.

  • reply
  • like

Browsers don't let you do this invisibly. If a tab is playing sound it will have a speaker icon in the tab.

Also, as of Chrome 66, you can't autoplay sound via video without the user interacting with the page. Chrome 71 (the previous version) has the same policy for web audio as well. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

  • reply
  • like

Which the user cannot mute or pause? Please never do this.

It's a personal site and needs background

  • reply
  • like

Web standards are a thing. Good luck increasing your bounce rate 👉

  • reply
  • like

Browsers don't let you do this invisibly. If a tab is playing sound it will have a speaker icon in the tab.

Also, as of Chrome 66, you can't autoplay sound via video without the user interacting with the page. Chrome 71 (the previous version) has the same policy for web audio as well. https://developers.google.com/web/updates/2017/09/autoplay-policy-changes

Okay, so then I will just have to make an interaction with the site to make it work, correct?

  • reply
  • like

Web standards are a thing. Good luck increasing your bounce rate 👉

Once again, it is a personal site

  • reply
  • like

But thank you for your feedback. My other sites are not like this obviously, but I just want to do this one as a joke

  • reply
  • like