mirror of
				https://code.rhodecode.com/u/OOOOOOOOOOOOOOOO/OOOOOOOOOOOOOOOO/000080-0-8-088-00-080-00-880-8-0-080000
				synced 2025-10-21 09:48:43 +02:00 
			
		
		
		
	
		
			
				
	
	
		
			542 lines
		
	
	
	
		
			36 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
			
		
		
	
	
			542 lines
		
	
	
	
		
			36 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| function _1(md){return(
 | ||
| md`#  #`
 | ||
| )}
 | ||
| 
 | ||
| function _2(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://GHⓄSTARCHIVE.ⓄRG/archive/GEYzi" WIDTH=100% HEIGHT=2358></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _ᑎ(md){return(
 | ||
| md`<video STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" src=${'HTTPS://STATIC.ⓄBSERVABLEUSERCⓄNTENT.CⓄM/files/c9c734858533ef22e523e2e964c0d1c16393e41fb235f844fb66fff41e0424044aa1432e93de2c1aa69ab3a944dc65912be15337bb238bd9a72d3bbaf7b2425f?response-content-disposition=attachment%3Bfilename*%3DUTF-8%27%274PM.%25C6%258EBUTUOY.4PM..JO%25D0%25AFP%25D0%25AFP.%25E2%25B5%2599%25E2%259D%258B%25C2%25B7%25E2%25B5%2594%25EA%259E%2589%25E2%258A%259A%25E2%25B5%2599%25E4%25BA%25BA%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%258E%25C2%25A4%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25EA%2597%25B3%25E2%25B5%2599%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%258E%25C2%25A4%25EA%2596%25B4%25D0%2598N%25E1%2591%258E%25E2%259A%2599%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25DF%25A6%25E1%2594%2593%25E1%2594%2595%25E2%25B5%2599%25E1%25B4%25A5%25E2%25B5%2599%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E1%2597%25AF%25E1%2597%25A9%25E1%2599%2581%25E2%25A6%25BF%25E1%2597%25AF%25E1%2597%25B1%25E1%2597%25B4%25EA%2596%25B4%25E1%2597%25AF%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25E2%259C%25A4%25D0%2598N%25EA%2596%25B4%25E2%25B5%2599%25E1%2599%2581%25E1%25B4%25A5%25EA%2596%25B4%25E1%2597%25A9%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%259A%25AA%25E2%25B5%2599%25E2%2597%25AF%25E2%25B5%2599%25E2%2597%25AF%25E2%25B5%2599%25E2%259A%25AA%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E1%2597%25A9%25EA%2596%25B4%25E1%25B4%25A5%25E1%2599%2581%25E2%25B5%2599%25EA%2596%25B4%25D0%2598N%25E2%259C%25A4%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E1%2597%25AF%25EA%2596%25B4%25E1%2597%25B1%25E1%2597%25B4%25E1%2597%25AF%25E2%25A6%25BF%25E1%2599%2581%25E1%2597%25A9%25E1%2597%25AF%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E1%2597%25B1%25E1%2597%25B4%25E2%25B5%2599%25E1%25B4%25A5%25E2%25B5%2599%25E1%2594%2593%25E1%2594%2595%25DF%25A6%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E2%259A%2599%25E1%2591%258E%25D0%2598N%25EA%2596%25B4%25C2%25A4%25E1%2591%258E%25E1%2597%25B1%25E1%2597%25B4%25E2%25B5%2599%25EA%2597%25B3%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25C2%25A4%25E1%2591%258E%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E4%25BA%25BA%25E2%258A%259A%25EA%259E%2589%25E2%25B5%2594%25C2%25B7%25E2%259D%258B%25E2%25B5%2599.PRPROJ..MP4.YOUTUBE.MP4'} WIDTH=100% AUTOPLAY LOOP CONTROLS />`
 | ||
| )}
 | ||
| 
 | ||
| function _4(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://WⓄLFRAMALPHA.CⓄM/input?i=299792458*84.406022589954030768899117092091000289089388918088900852079%2F3%5E35+METERS+COLOR" WIDTH=100% HEIGHT=1958></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _5(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://SHADERFRⓄG.CⓄM/app/view/6617" WIDTH=100% HEIGHT=712></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _6(ᑎᑎ){return(
 | ||
| ᑎᑎ
 | ||
| (
 | ||
| (t)=>
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,13))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,12))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,11))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,10))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,9))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,8))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,7))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,6))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,5))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,4))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,3))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,2))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,1))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,0))
 | ||
| ,
 | ||
| 84.406022589954030768899117092091000289089388918088900852079/Math.pow(3,0)
 | ||
| )
 | ||
| )}
 | ||
| 
 | ||
| function _ᑎᑎ(ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ){return(
 | ||
| function ᑎᑎ(genFn, duration = 1) {
 | ||
|   return new ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ(genFn, duration).gui();
 | ||
| }
 | ||
| )}
 | ||
| 
 | ||
| function _ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ,DOM,html,width){return(
 | ||
| class ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ {
 | ||
|   constructor(genFn, duration = 1) {
 | ||
|     this.duration = duration;
 | ||
|     // Create an audio buffer.
 | ||
|     this.audioBuffer = ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.createBuffer(1, ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate * this.duration, ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate);
 | ||
|     this.buffer = this.audioBuffer.getChannelData(0);
 | ||
|     let max = 0;
 | ||
|     for (let i = 0; i < this.audioBuffer.length; i++) {
 | ||
|       const value = genFn(i / ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate);
 | ||
|       this.buffer[i] = value;
 | ||
|       if (Math.abs(value) > max) max = Math.abs(value);
 | ||
|     }
 | ||
|     for (let i = 0; i < this.audioBuffer.length; i++) {
 | ||
|       this.buffer[i] = this.buffer[i] / max;
 | ||
|     }
 | ||
|   }
 | ||
|   play(maxVol = 1/3) {
 | ||
|     this.stop();
 | ||
|     this.source = ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.createBufferSource();
 | ||
|     this.source.buffer = this.audioBuffer;
 | ||
|     const gain = ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.createGain();
 | ||
|     gain.gain.value = maxVol;
 | ||
|     this.source.connect(gain);
 | ||
| gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ.destination);
 | ||
|     this.source.start();    
 | ||
|   }
 | ||
|   stop() {
 | ||
|     if (this.source) this.source.stop();
 | ||
|   }
 | ||
|   draw(height = 50, width = width, color = '#EFEFEF') {
 | ||
|     const drawingCtx = DOM.context2d(width, height);
 | ||
|     // Draw the middle line.
 | ||
|     drawingCtx.strokeStyle = '#F3F3F3';
 | ||
|     drawingCtx.beginPath();
 | ||
|     drawingCtx.moveTo(0, height / 2);
 | ||
|     drawingCtx.lineTo(width, height / 2);
 | ||
|     drawingCtx.stroke();
 | ||
|     // Draw the waveform.
 | ||
|     drawingCtx.strokeStyle = color;
 | ||
|     drawingCtx.beginPath();
 | ||
|     for (let i = 0; i < width; i++) {
 | ||
|       const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)];
 | ||
|       const y = height - Math.floor((value / 2 + 0.5) * height);
 | ||
|       if (i == 0) {
 | ||
|         drawingCtx.moveTo(i, y);
 | ||
|       } else {
 | ||
|         drawingCtx.lineTo(i, y);
 | ||
|       }
 | ||
|     }
 | ||
|     drawingCtx.stroke();
 | ||
|     return drawingCtx.canvas;
 | ||
|   }
 | ||
|   gui() {
 | ||
|     const ui = html`<style>
 | ||
|       .sound-player {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:3.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         background: #FFFFFF;
 | ||
|         font-family: sans-serif;
 | ||
| border: solid 0px gainsboro!IMPORTANT;
 | ||
|         font-size: 16PX;
 | ||
| color:TRANSPARENT;
 | ||
| text-shadow: 0 0 1.5px #E9E9E9;
 | ||
|       }
 | ||
| 
 | ||
|       .sound-pane {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:3.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         height: 50px;
 | ||
|         background: white;
 | ||
|         margin: 8px;
 | ||
| border: solid 0px gainsboro!IMPORTANT;
 | ||
|         position: relative;
 | ||
|       }
 | ||
| 
 | ||
|       .icons {
 | ||
| 
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         margin: 0 0px 0px 0px;
 | ||
|       }
 | ||
| 
 | ||
| 	  .icons .button {
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|          cursor: pointer;
 | ||
|          border: solid 1px TRANSPARENT;
 | ||
|       }
 | ||
| 
 | ||
|       .icons .button:hover {
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|          border: solid 1px #F3F3F3;
 | ||
|       }
 | ||
| 
 | ||
|       .cursor {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:13.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| DISPLAY:NONE;
 | ||
| background: #C7C7C7;
 | ||
|         width: 2px;
 | ||
|         height: 100%;
 | ||
|         position: absolute;
 | ||
|       }
 | ||
|     </style>
 | ||
|     <div class="sound-player">
 | ||
|       <div class="icons" ALIGN=CENTER><BR>
 | ||
| <span class="button stop-button">◯</span><BR>
 | ||
| <span class="duration">${this.duration}</span><BR>
 | ||
| <span class="button play-button">⚪</span>
 | ||
|       </div>
 | ||
|       <div class="sound-pane">
 | ||
|         <span class="cursor"></span>
 | ||
| 	  </div>
 | ||
|       <div class="icons" ALIGN=CENTER>
 | ||
| <span class="button play-button">⚪</span><BR>
 | ||
| <span class="duration">${this.duration}</span><BR>
 | ||
| <span class="button stop-button">◯</span><BR><BR>
 | ||
|       </div>
 | ||
|     </div>`;
 | ||
|     const cursor = ui.querySelector('.cursor');
 | ||
|     let interval = null;
 | ||
|     const resetInterval = () => {
 | ||
|       if (interval != null) {
 | ||
|         clearInterval(interval);
 | ||
|         interval = null;
 | ||
|       }
 | ||
|     };
 | ||
|     const soundPlayer = ui.querySelector('.sound-player');
 | ||
|     ui.querySelector('.sound-pane').appendChild(this.draw(46, width - 20));
 | ||
|     ui.querySelector('.play-button').onclick = () => {
 | ||
|       cursor.style.left = '0';
 | ||
|       this.play();
 | ||
|       cursor.style.display = 'block';
 | ||
|       const playTime = Date.now();
 | ||
|       resetInterval();
 | ||
|       interval = setInterval(() => {
 | ||
|         if (!document.contains(soundPlayer)) {
 | ||
|           resetInterval();
 | ||
|           this.stop();
 | ||
|         }
 | ||
|         let progress = (Date.now() - playTime) / this.duration / 1000;
 | ||
|         if (progress < 0) progress = 0;
 | ||
|         if (progress > 1) {
 | ||
|           progress = 1;
 | ||
|           resetInterval();
 | ||
|           this.stop();
 | ||
|           cursor.style.display = 'none';
 | ||
|         }
 | ||
|         cursor.style.left = `${Math.floor(progress * (width - 20))}px`;
 | ||
|       }, 20);
 | ||
|     };
 | ||
|     ui.querySelector('.stop-button').onclick = () => {
 | ||
|       resetInterval();
 | ||
|       this.stop();
 | ||
|       cursor.style.display = 'none';
 | ||
|     };
 | ||
|     return ui;
 | ||
|   }
 | ||
| }
 | ||
| )}
 | ||
| 
 | ||
| function _ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ(){return(
 | ||
| new (window.AudioContext || window.webkitAudioContext)()
 | ||
| )}
 | ||
| 
 | ||
| function _10(htl){return(
 | ||
| htl.html`<CENTER><IMG SRC="HTTPS://STATIC.ⓄBSERVABLEUSERCⓄNTENT.CⓄM/files/29a749aa93453a794ebb1d0fba3075db0c5bd4ef4e2f4ea5c1bf578283d5c06132198eecee46bb4c41d79eef566617e2a9f5cafd70ac8d9e09470a8316aa6294?response-content-disposition=attachment%3Bfilename*%3DUTF-8%27%27PB%25C6%258EW..F%25CF%25BDX.FIT.P%25C6%258EA.FIT.D%25D0%2598%25C6%258ELB.JBO.PIH.%25C6%25A7GI.T%25D0%25AFPDL%25C6%25A7.%25E2%25A0%2580%25E2%25B5%2599%25E2%2588%259E%25E2%2581%2582%25E1%2590%2583%25E2%25B5%2594%25EA%259E%2589%25E2%25B5%2598%25E2%259D%258B%25E2%25B5%2594%25E2%25B5%2594%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25B5%2594%25E2%259D%258B%25C2%25B7%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25B5%2588%25E2%2581%2582%25E2%259D%258B%25E2%25B5%2594%25E2%2581%2582%25E2%259D%258B%25EA%259E%2589%25E2%25B5%2594%25E2%25B5%2594%25E2%25B5%2594%25C2%25B7%25E2%2581%2582%25E2%25B5%2594%25EA%259E%2589%25E2%2581%2582%25E2%25B5%2594%25E1%2590%2583%25C2%25B7%25C2%25B7%25E2%2581%2582%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25A0%25BF%25E1%2590%2583%25E2%25B5%2594%25E2%25B5%2588%25E2%25B5%2594%25E2%2588%25B7%25E2%25B5%2598%25E2%2581%2582%25E2%2581%2582%25E2%259D%258B%25E2%25B5%2598%25EA%259E%2589%25EA%259E%2589%25E2%25B5%2594%25E2%25A0%25BF%25E2%25B5%2594%25E2%2588%25B7%25E2%2597%258C%25E2%2588%25B7%25E2%259D%258B%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%25A0%2580%25E2%259A%25AA%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%2597%25AF%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%2597%25AF%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%259A%25AA%25E2%25A0%2580%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%259D%258B%25E2%2588%25B7%25E2%2597%258C%25E2%2588%25B7%25E2%25B5%2594%25E2%25A0%25BF%25E2%25B5%2594%25EA%259E%2589%25EA%259E%2589%25E2%25B5%2598%25E2%259D%258B%25E2%2581%2582%25E2%2581%2582%25E2%25B5%2598%25E2%2588%25B7%25E2%25B5%2594%25E2%25B5%2588%25E2%25B5%2594%25E1%2590%2583%25E2%25A0%25BF%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25E2%2581%2582%25C2%25B7%25C2%25B7%25E1%2590%2583%25E2%25B5%2594%25E2%2581%2582%25EA%259E%2589%25E2%25B5%2594%25E2%2581%2582%25C2%25B7%25E2%25B5%2594%25E2%25B5%2594%25E2%25B5%2594%25EA%259E%2589%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2594%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2588%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25C2%25B7%25E2%259D%258B%25E2%25B5%2594%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2594%25E2%25B5%2594%25E2%259D%258B%25E2%25B5%2598%25EA%259E%2589%25E2%25B5%2594%25E1%2590%2583%25E2%2581%2582%25E2%2588%259E%25E2%25B5%2599%25E2%25A0%2580.SLDPRT.IGS.HIP.OBJ.BLEND.TIF.AEP.TIF.XCF..WEBP" WIDTH=100%></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _11(htl){return(
 | ||
| htl.html`<CENTER><IMG SRC="HTTPS://STATIC.ⓄBSERVABLEUSERCⓄNTENT.CⓄM/files/29a749aa93453a794ebb1d0fba3075db0c5bd4ef4e2f4ea5c1bf578283d5c06132198eecee46bb4c41d79eef566617e2a9f5cafd70ac8d9e09470a8316aa6294?response-content-disposition=attachment%3Bfilename*%3DUTF-8%27%27PB%25C6%258EW..F%25CF%25BDX.FIT.P%25C6%258EA.FIT.D%25D0%2598%25C6%258ELB.JBO.PIH.%25C6%25A7GI.T%25D0%25AFPDL%25C6%25A7.%25E2%25A0%2580%25E2%25B5%2599%25E2%2588%259E%25E2%2581%2582%25E1%2590%2583%25E2%25B5%2594%25EA%259E%2589%25E2%25B5%2598%25E2%259D%258B%25E2%25B5%2594%25E2%25B5%2594%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25B5%2594%25E2%259D%258B%25C2%25B7%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25B5%2588%25E2%2581%2582%25E2%259D%258B%25E2%25B5%2594%25E2%2581%2582%25E2%259D%258B%25EA%259E%2589%25E2%25B5%2594%25E2%25B5%2594%25E2%25B5%2594%25C2%25B7%25E2%2581%2582%25E2%25B5%2594%25EA%259E%2589%25E2%2581%2582%25E2%25B5%2594%25E1%2590%2583%25C2%25B7%25C2%25B7%25E2%2581%2582%25E2%2581%2582%25E2%259D%258B%25E2%259D%258B%25E2%25A0%25BF%25E1%2590%2583%25E2%25B5%2594%25E2%25B5%2588%25E2%25B5%2594%25E2%2588%25B7%25E2%25B5%2598%25E2%2581%2582%25E2%2581%2582%25E2%259D%258B%25E2%25B5%2598%25EA%259E%2589%25EA%259E%2589%25E2%25B5%2594%25E2%25A0%25BF%25E2%25B5%2594%25E2%2588%25B7%25E2%2597%258C%25E2%2588%25B7%25E2%259D%258B%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%25A0%2580%25E2%259A%25AA%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%2597%25AF%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%2597%25AF%25E2%25A0%2580%25E2%25B5%2599%25E2%25A0%2580%25E2%259A%25AA%25E2%25A0%2580%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%2597%258C%25E2%25B5%2599%25E2%258A%259A%25E2%25B5%2599%25E2%259D%258B%25E2%2588%25B7%25E2%2597%258C%25E2%2588%25B7%25E2%25B5%2594%25E2%25A0%25BF%25E2%25B5%2594%25EA%259E%2589%25EA%259E%2589%25E2%25B5%2598%25E2%259D%258B%25E2%2581%2582%25E2%2581%2582%25E2%25B5%2598%25E2%2588%25B7%25E2%25B5%2594%25E2%25B5%2588%25E2%25B5%2594%25E1%2590%2583%25E2%25A0%25BF%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25E2%2581%2582%25C2%25B7%25C2%25B7%25E1%2590%2583%25E2%25B5%2594%25E2%2581%2582%25EA%259E%2589%25E2%25B5%2594%25E2%2581%2582%25C2%25B7%25E2%25B5%2594%25E2%25B5%2594%25E2%25B5%2594%25EA%259E%2589%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2594%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2588%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25C2%25B7%25E2%259D%258B%25E2%25B5%2594%25E2%259D%258B%25E2%259D%258B%25E2%2581%2582%25E2%25B5%2594%25E2%25B5%2594%25E2%259D%258B%25E2%25B5%2598%25EA%259E%2589%25E2%25B5%2594%25E1%2590%2583%25E2%2581%2582%25E2%2588%259E%25E2%25B5%2599%25E2%25A0%2580.SLDPRT.IGS.HIP.OBJ.BLEND.TIF.AEP.TIF.XCF..WEBP" WIDTH=100%></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ(){return(
 | ||
| new (window.AudioContext || window.webkitAudioContext)()
 | ||
| )}
 | ||
| 
 | ||
| function _ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ,DOM,html,width){return(
 | ||
| class ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ {
 | ||
|   constructor(genFn, duration = 1) {
 | ||
|     this.duration = duration;
 | ||
|     // Create an audio buffer.
 | ||
|     this.audioBuffer = ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.createBuffer(1, ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate * this.duration, ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate);
 | ||
|     this.buffer = this.audioBuffer.getChannelData(0);
 | ||
|     let max = 0;
 | ||
|     for (let i = 0; i < this.audioBuffer.length; i++) {
 | ||
|       const value = genFn(i / ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.sampleRate);
 | ||
|       this.buffer[i] = value;
 | ||
|       if (Math.abs(value) > max) max = Math.abs(value);
 | ||
|     }
 | ||
|     for (let i = 0; i < this.audioBuffer.length; i++) {
 | ||
|       this.buffer[i] = this.buffer[i] / max;
 | ||
|     }
 | ||
|   }
 | ||
|   play(maxVol = 1/3) {
 | ||
|     this.stop();
 | ||
|     this.source = ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.createBufferSource();
 | ||
|     this.source.buffer = this.audioBuffer;
 | ||
|     const gain = ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.createGain();
 | ||
|     gain.gain.value = maxVol;
 | ||
|     this.source.connect(gain);
 | ||
| gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ.destination);
 | ||
|     this.source.start();    
 | ||
|   }
 | ||
|   stop() {
 | ||
|     if (this.source) this.source.stop();
 | ||
|   }
 | ||
|   draw(height = 50, width = width, color = '#EFEFEF') {
 | ||
|     const drawingCtx = DOM.context2d(width, height);
 | ||
|     // Draw the middle line.
 | ||
|     drawingCtx.strokeStyle = '#F3F3F3';
 | ||
|     drawingCtx.beginPath();
 | ||
|     drawingCtx.moveTo(0, height / 2);
 | ||
|     drawingCtx.lineTo(width, height / 2);
 | ||
|     drawingCtx.stroke();
 | ||
|     // Draw the waveform.
 | ||
|     drawingCtx.strokeStyle = color;
 | ||
|     drawingCtx.beginPath();
 | ||
|     for (let i = 0; i < width; i++) {
 | ||
|       const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)];
 | ||
|       const y = height - Math.floor((value / 2 + 0.5) * height);
 | ||
|       if (i == 0) {
 | ||
|         drawingCtx.moveTo(i, y);
 | ||
|       } else {
 | ||
|         drawingCtx.lineTo(i, y);
 | ||
|       }
 | ||
|     }
 | ||
|     drawingCtx.stroke();
 | ||
|     return drawingCtx.canvas;
 | ||
|   }
 | ||
|   gui() {
 | ||
|     const ui = html`<style>
 | ||
|       .sound-player {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:3.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         background: #FFFFFF;
 | ||
|         font-family: sans-serif;
 | ||
| border: solid 0px gainsboro!IMPORTANT;
 | ||
|         font-size: 16PX;
 | ||
| color:TRANSPARENT;
 | ||
| text-shadow: 0 0 1.5px #E9E9E9;
 | ||
|       }
 | ||
| 
 | ||
|       .sound-pane {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:3.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         height: 50px;
 | ||
|         background: white;
 | ||
|         margin: 8px;
 | ||
| border: solid 0px gainsboro!IMPORTANT;
 | ||
|         position: relative;
 | ||
|       }
 | ||
| 
 | ||
|       .icons {
 | ||
| 
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|         margin: 0 0px 0px 0px;
 | ||
|       }
 | ||
| 
 | ||
| 	  .icons .button {
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|          cursor: pointer;
 | ||
|          border: solid 1px TRANSPARENT;
 | ||
|       }
 | ||
| 
 | ||
|       .icons .button:hover {
 | ||
| BORDER-RADIUS:100%;
 | ||
| OVERFLOW:HIDDEN;
 | ||
|          border: solid 1px #F3F3F3;
 | ||
|       }
 | ||
| 
 | ||
|       .cursor {
 | ||
| --O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:13.5PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| DISPLAY:NONE;
 | ||
| background: #C7C7C7;
 | ||
|         width: 2px;
 | ||
|         height: 100%;
 | ||
|         position: absolute;
 | ||
|       }
 | ||
|     </style>
 | ||
|     <div class="sound-player">
 | ||
|       <div class="icons" ALIGN=CENTER><BR>
 | ||
| <span class="button stop-button">◯</span><BR>
 | ||
| <span class="duration">${this.duration}</span><BR>
 | ||
| <span class="button play-button">⚪</span>
 | ||
|       </div>
 | ||
|       <div class="sound-pane">
 | ||
|         <span class="cursor"></span>
 | ||
| 	  </div>
 | ||
|       <div class="icons" ALIGN=CENTER>
 | ||
| <span class="button play-button">⚪</span><BR>
 | ||
| <span class="duration">${this.duration}</span><BR>
 | ||
| <span class="button stop-button">◯</span><BR><BR>
 | ||
|       </div>
 | ||
|     </div>`;
 | ||
|     const cursor = ui.querySelector('.cursor');
 | ||
|     let interval = null;
 | ||
|     const resetInterval = () => {
 | ||
|       if (interval != null) {
 | ||
|         clearInterval(interval);
 | ||
|         interval = null;
 | ||
|       }
 | ||
|     };
 | ||
|     const soundPlayer = ui.querySelector('.sound-player');
 | ||
|     ui.querySelector('.sound-pane').appendChild(this.draw(46, width - 20));
 | ||
|     ui.querySelector('.play-button').onclick = () => {
 | ||
|       cursor.style.left = '0';
 | ||
|       this.play();
 | ||
|       cursor.style.display = 'block';
 | ||
|       const playTime = Date.now();
 | ||
|       resetInterval();
 | ||
|       interval = setInterval(() => {
 | ||
|         if (!document.contains(soundPlayer)) {
 | ||
|           resetInterval();
 | ||
|           this.stop();
 | ||
|         }
 | ||
|         let progress = (Date.now() - playTime) / this.duration / 1000;
 | ||
|         if (progress < 0) progress = 0;
 | ||
|         if (progress > 1) {
 | ||
|           progress = 1;
 | ||
|           resetInterval();
 | ||
|           this.stop();
 | ||
|           cursor.style.display = 'none';
 | ||
|         }
 | ||
|         cursor.style.left = `${Math.floor(progress * (width - 20))}px`;
 | ||
|       }, 20);
 | ||
|     };
 | ||
|     ui.querySelector('.stop-button').onclick = () => {
 | ||
|       resetInterval();
 | ||
|       this.stop();
 | ||
|       cursor.style.display = 'none';
 | ||
|     };
 | ||
|     return ui;
 | ||
|   }
 | ||
| }
 | ||
| )}
 | ||
| 
 | ||
| function _ᑌᑌ(ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ){return(
 | ||
| function ᑌᑌ(genFn, duration = 1) {
 | ||
|   return new ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ(genFn, duration).gui();
 | ||
| }
 | ||
| )}
 | ||
| 
 | ||
| function _15(ᑌᑌ){return(
 | ||
| ᑌᑌ
 | ||
| (
 | ||
| (t)=>
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,13))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,12))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,11))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,10))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,9))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,8))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,7))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,6))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,5))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,4))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,3))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,2))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,1))
 | ||
| +
 | ||
| Math.sin(t*8*Math.atan(1)*1/84.406022589954030768899117092091000289089388918088900852079*Math.pow(3,0))
 | ||
| ,
 | ||
| 84.406022589954030768899117092091000289089388918088900852079/Math.pow(3,0)
 | ||
| )
 | ||
| )}
 | ||
| 
 | ||
| function _16(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://SHADERFRⓄG.CⓄM/app/view/6617" WIDTH=100% HEIGHT=712></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _17(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://WⓄLFRAMALPHA.CⓄM/input?i=299792458*84.406022589954030768899117092091000289089388918088900852079%2F3%5E35+METERS+COLOR" WIDTH=100% HEIGHT=1958></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _ᑌ(md){return(
 | ||
| md`<video STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" src=${'HTTPS://STATIC.ⓄBSERVABLEUSERCⓄNTENT.CⓄM/files/c9c734858533ef22e523e2e964c0d1c16393e41fb235f844fb66fff41e0424044aa1432e93de2c1aa69ab3a944dc65912be15337bb238bd9a72d3bbaf7b2425f?response-content-disposition=attachment%3Bfilename*%3DUTF-8%27%274PM.%25C6%258EBUTUOY.4PM..JO%25D0%25AFP%25D0%25AFP.%25E2%25B5%2599%25E2%259D%258B%25C2%25B7%25E2%25B5%2594%25EA%259E%2589%25E2%258A%259A%25E2%25B5%2599%25E4%25BA%25BA%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%258E%25C2%25A4%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25EA%2597%25B3%25E2%25B5%2599%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%258E%25C2%25A4%25EA%2596%25B4%25D0%2598N%25E1%2591%258E%25E2%259A%2599%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25DF%25A6%25E1%2594%2593%25E1%2594%2595%25E2%25B5%2599%25E1%25B4%25A5%25E2%25B5%2599%25E1%2597%25B1%25E1%2597%25B4%25E1%2591%2590%25E1%2591%2595%25D0%2598N%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E1%2597%25AF%25E1%2597%25A9%25E1%2599%2581%25E2%25A6%25BF%25E1%2597%25AF%25E1%2597%25B1%25E1%2597%25B4%25EA%2596%25B4%25E1%2597%25AF%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25E2%259C%25A4%25D0%2598N%25EA%2596%25B4%25E2%25B5%2599%25E1%2599%2581%25E1%25B4%25A5%25EA%2596%25B4%25E1%2597%25A9%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%259A%25AA%25E2%25B5%2599%25E2%2597%25AF%25E2%25B5%2599%25E2%2597%25AF%25E2%25B5%2599%25E2%259A%25AA%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E2%2597%258C%25E2%258A%259A%25E1%2597%25A9%25EA%2596%25B4%25E1%25B4%25A5%25E1%2599%2581%25E2%25B5%2599%25EA%2596%25B4%25D0%2598N%25E2%259C%25A4%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E1%2597%25AF%25EA%2596%25B4%25E1%2597%25B1%25E1%2597%25B4%25E1%2597%25AF%25E2%25A6%25BF%25E1%2599%2581%25E1%2597%25A9%25E1%2597%25AF%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E1%2597%25B1%25E1%2597%25B4%25E2%25B5%2599%25E1%25B4%25A5%25E2%25B5%2599%25E1%2594%2593%25E1%2594%2595%25DF%25A6%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E1%2597%25B1%25E1%2597%25B4%25E1%25B4%25A5%25E2%259A%2599%25E1%2591%258E%25D0%2598N%25EA%2596%25B4%25C2%25A4%25E1%2591%258E%25E1%2597%25B1%25E1%2597%25B4%25E2%25B5%2599%25EA%2597%25B3%25E1%25B4%25A5%25E1%2597%25B1%25E1%2597%25B4%25C2%25A4%25E1%2591%258E%25E1%2597%25B1%25E1%2597%25B4%25D0%2598N%25E1%2591%2590%25E1%2591%2595%25E4%25BA%25BA%25E2%258A%259A%25EA%259E%2589%25E2%25B5%2594%25C2%25B7%25E2%259D%258B%25E2%25B5%2599.PRPROJ..MP4.YOUTUBE.MP4'} WIDTH=100% AUTOPLAY LOOP CONTROLS />`
 | ||
| )}
 | ||
| 
 | ||
| function _19(htl){return(
 | ||
| htl.html`<CENTER><IFRAME STYLE="--O_ROLOC_O_COLOR_O:#F2F2F2;
 | ||
| --O_SUIDAR_RULB_O_BLUR_RADIUS_O:16PX;
 | ||
| --O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O:0.0PX;
 | ||
| BOX-SHADOW:INSET 0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O),0 0 VAR(--O_SUIDAR_RULB_O_BLUR_RADIUS_O) VAR(--O_SUIDAR_DAERPS_O_SPREAD_RADIUS_O) VAR(--O_ROLOC_O_COLOR_O)!IMPORTANT;
 | ||
| BORDER-WIDTH:0;BORDER-RADIUS:32PX;OVERFLOW:HIDDEN" SRC="HTTPS://GHⓄSTARCHIVE.ⓄRG/archive/GEYzi" WIDTH=100% HEIGHT=2358></IFRAME></CENTER>`
 | ||
| )}
 | ||
| 
 | ||
| function _20(md){return(
 | ||
| md`#  #`
 | ||
| )}
 | ||
| 
 | ||
| export default function define(runtime, observer) {
 | ||
|   const main = runtime.module();
 | ||
|   main.variable(observer()).define(["md"], _1);
 | ||
|   main.variable(observer()).define(["htl"], _2);
 | ||
|   main.variable(observer("ᑎ")).define("ᑎ", ["md"], _ᑎ);
 | ||
|   main.variable(observer()).define(["htl"], _4);
 | ||
|   main.variable(observer()).define(["htl"], _5);
 | ||
|   main.variable(observer()).define(["ᑎᑎ"], _6);
 | ||
|   main.variable(observer("ᑎᑎ")).define("ᑎᑎ", ["ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ"], _ᑎᑎ);
 | ||
|   main.variable(observer("ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ")).define("ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ", ["ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ","DOM","html","width"], _ⵙᖆᖇⵙᗱᗴⵙꗳⵙᑎⵙ8ⵙᗝⵙИNⵙᑎⵙⵔⵙᔓᔕⵙᔓᔕⵙⵔⵙᑎⵙИNⵙᗝⵙ8ⵙᑎⵙꗳⵙᗱᗴⵙᖆᖇⵙ);
 | ||
|   main.variable(observer("ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ")).define("ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ", _ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙᑎⵙᗩⵙᗩⵙᑎⵙᗝⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙИNⵙTⵙᗱᗴⵙꕤⵙTⵙ);
 | ||
|   main.variable(observer()).define(["htl"], _10);
 | ||
|   main.variable(observer()).define(["htl"], _11);
 | ||
|   main.variable(observer("ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ")).define("ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ", _ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ);
 | ||
|   main.variable(observer("ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ")).define("ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ", ["ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙᑌⵙᗨⵙᗨⵙᑌⵙᗜⵙꖴⵙⵔⵙᑐᑕⵙⵔⵙNИⵙTⵙᗱᗴⵙꕤⵙTⵙ","DOM","html","width"], _ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ);
 | ||
|   main.variable(observer("ᑌᑌ")).define("ᑌᑌ", ["ⵙᖈᖉⵙᗱᗴⵙꗳⵙᑌⵙ8ⵙᗜⵙNИⵙᑌⵙⵔⵙᔕᔓⵙᔕᔓⵙⵔⵙᑌⵙNИⵙᗜⵙ8ⵙᑌⵙꗳⵙᗱᗴⵙᖈᖉⵙ"], _ᑌᑌ);
 | ||
|   main.variable(observer()).define(["ᑌᑌ"], _15);
 | ||
|   main.variable(observer()).define(["htl"], _16);
 | ||
|   main.variable(observer()).define(["htl"], _17);
 | ||
|   main.variable(observer("ᑌ")).define("ᑌ", ["md"], _ᑌ);
 | ||
|   main.variable(observer()).define(["htl"], _19);
 | ||
|   main.variable(observer()).define(["md"], _20);
 | ||
|   return main;
 | ||
| }
 | 
