0
0
mirror of http://CODE.RHODECODE.COM/u/O/O/O synced 2024-11-10 14:23:33 -05:00

ƧJ.ԐD.H✤ᕈᕋИNᗱᗴᙁᗱᗴᗯᗩᗯᗱᗴᑎ¤ꖴИNᑎᑎИNꖴ¤ᑎᗱᗴᗯᗩᗯᗱᗴᙁᗱᗴИNᕈᕋ✤H.D3.JS

Signed-off-by: OOOO <oooooooooooooooo@skiff.com>
This commit is contained in:
OOOO 2023-09-02 11:32:58 +00:00
parent 1fa594a95f
commit c3670a9434
2 changed files with 118 additions and 38 deletions

View File

@ -1,22 +1,37 @@
function _1(md){return( function _1(md){return(
md`# <CENTER><SUB><FONT SIZE=1>⚪H⚪✤⚪ᕈᕋ⚪ИN⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ᗯ⚪ᗩ⚪ᗯ⚪◯⚪ᗱᗴ⚪ᑎ⚪¤⚪ꖴ⚪ИN⚪ᑎ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑎ⚪ИN⚪ꖴ⚪¤⚪ᑎ⚪ᗱᗴ⚪◯⚪ᗯ⚪ᗩ⚪ᗯ⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ИN⚪ᕈᕋ⚪✤⚪H⚪</FONT></SUB></CENTER> md`# #`
# <CENTER><SUP><FONT SIZE=1>⚪H⚪✤⚪ᕊᕍ⚪NИ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪⚪ᗨ⚪⚪◯⚪ᗱᗴ⚪⚪¤⚪ꖴ⚪NИ⚪⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪⚪NИ⚪ꖴ⚪¤⚪⚪ᗱᗴ⚪◯⚪⚪ᗨ⚪⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪NИ⚪ᕊᕍ⚪✤⚪H⚪</FONT></SUP></CENTER>`
)} )}
function _2(htl){return( function _2(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://GHⓄSTARCHIVE.ⓄRG/archive/GEYzi" WIDTH=100% HEIGHT=2350></IFRAME></CENTER>` 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( function _ᑎ(md){return(
md`<video 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 />` 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( function _4(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://WⓄLFRAMALPHA.CⓄM/input?i=299792458*84.406022589954030768899117092091000289089388918088900852079%2F3%5E35+METERS+COLOR" WIDTH=100% HEIGHT=1810></IFRAME></CENTER>` 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( function _5(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://SHADERFRⓄG.CⓄM/app/view/6617" WIDTH=100% HEIGHT=712></IFRAME></CENTER>` 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( function _6(ᑎᑎ){return(
@ -91,10 +106,10 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵙᑐᑕⵙⵙꖴⵙᗝⵙ
stop() { stop() {
if (this.source) this.source.stop(); if (this.source) this.source.stop();
} }
draw(height = 50, width = width, color = '#CACACA') { draw(height = 50, width = width, color = '#EFEFEF') {
const drawingCtx = DOM.context2d(width, height); const drawingCtx = DOM.context2d(width, height);
// Draw the middle line. // Draw the middle line.
drawingCtx.strokeStyle = 'gainsboro'; drawingCtx.strokeStyle = '#F3F3F3';
drawingCtx.beginPath(); drawingCtx.beginPath();
drawingCtx.moveTo(0, height / 2); drawingCtx.moveTo(0, height / 2);
drawingCtx.lineTo(width, height / 2); drawingCtx.lineTo(width, height / 2);
@ -104,7 +119,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵙᑐᑕⵙⵙꖴⵙᗝⵙ
drawingCtx.beginPath(); drawingCtx.beginPath();
for (let i = 0; i < width; i++) { for (let i = 0; i < width; i++) {
const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)]; const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)];
const y = height - Math.floor((value / 2 + 0.5) * height * .9 + height * 0.05); const y = height - Math.floor((value / 2 + 0.5) * height);
if (i == 0) { if (i == 0) {
drawingCtx.moveTo(i, y); drawingCtx.moveTo(i, y);
} else { } else {
@ -117,43 +132,68 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵙᑐᑕⵙⵙꖴⵙᗝⵙ
gui() { gui() {
const ui = html`<style> const ui = html`<style>
.sound-player { .sound-player {
border: solid 1px gainsboro; --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; background: #FFFFFF;
font-family: sans-serif; font-family: sans-serif;
color: #C3C3C3; border: solid 0px gainsboro!IMPORTANT;
font-size: 1em; font-size: 16PX;
color:TRANSPARENT;
text-shadow: 0 0 1.5px #E9E9E9;
} }
.sound-pane { .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; height: 50px;
background: white; background: white;
margin: 8px; margin: 8px;
border: solid 1px gainsboro; border: solid 0px gainsboro!IMPORTANT;
position: relative; position: relative;
} }
.icons { .icons {
BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
margin: 0 0px 0px 0px; margin: 0 0px 0px 0px;
} }
.icons .button { .icons .button {
BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
cursor: pointer; cursor: pointer;
border: solid 1px transparent; border: solid 1px TRANSPARENT;
} }
.icons .button:hover { .icons .button:hover {
border: solid 1px gainsboro; BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
border: solid 1px #F3F3F3;
} }
.cursor { .cursor {
background: #C7C7C7; --O_ROLOC_O_COLOR_O:#F2F2F2;
width: 1px; --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%; height: 100%;
position: absolute; position: absolute;
} }
</style> </style>
<div class="sound-player"> <div class="sound-player">
<div class="icons" ALIGN=CENTER> <div class="icons" ALIGN=CENTER><BR>
<span class="button stop-button">◯</span><BR> <span class="button stop-button">◯</span><BR>
<span class="duration">${this.duration}</span><BR> <span class="duration">${this.duration}</span><BR>
<span class="button play-button">⚪</span> <span class="button play-button">⚪</span>
@ -164,7 +204,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵙᑐᑕⵙⵙꖴⵙᗝⵙ
<div class="icons" ALIGN=CENTER> <div class="icons" ALIGN=CENTER>
<span class="button play-button">⚪</span><BR> <span class="button play-button">⚪</span><BR>
<span class="duration">${this.duration}</span><BR> <span class="duration">${this.duration}</span><BR>
<span class="button stop-button">◯</span> <span class="button stop-button">◯</span><BR><BR>
</div> </div>
</div>`; </div>`;
const cursor = ui.querySelector('.cursor'); const cursor = ui.querySelector('.cursor');
@ -255,10 +295,10 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵙᑐᑕⵙⵙꖴⵙᗜⵙ
stop() { stop() {
if (this.source) this.source.stop(); if (this.source) this.source.stop();
} }
draw(height = 50, width = width, color = '#CACACA') { draw(height = 50, width = width, color = '#EFEFEF') {
const drawingCtx = DOM.context2d(width, height); const drawingCtx = DOM.context2d(width, height);
// Draw the middle line. // Draw the middle line.
drawingCtx.strokeStyle = 'gainsboro'; drawingCtx.strokeStyle = '#F3F3F3';
drawingCtx.beginPath(); drawingCtx.beginPath();
drawingCtx.moveTo(0, height / 2); drawingCtx.moveTo(0, height / 2);
drawingCtx.lineTo(width, height / 2); drawingCtx.lineTo(width, height / 2);
@ -268,7 +308,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵙᑐᑕⵙⵙꖴⵙᗜⵙ
drawingCtx.beginPath(); drawingCtx.beginPath();
for (let i = 0; i < width; i++) { for (let i = 0; i < width; i++) {
const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)]; const value = this.buffer[Math.floor(i / width * this.audioBuffer.length)];
const y = height - Math.floor((value / 2 + 0.5) * height * .9 + height * 0.05); const y = height - Math.floor((value / 2 + 0.5) * height);
if (i == 0) { if (i == 0) {
drawingCtx.moveTo(i, y); drawingCtx.moveTo(i, y);
} else { } else {
@ -281,43 +321,68 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵙᑐᑕⵙⵙꖴⵙᗜⵙ
gui() { gui() {
const ui = html`<style> const ui = html`<style>
.sound-player { .sound-player {
border: solid 1px gainsboro; --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; background: #FFFFFF;
font-family: sans-serif; font-family: sans-serif;
color: #C3C3C3; border: solid 0px gainsboro!IMPORTANT;
font-size: 1em; font-size: 16PX;
color:TRANSPARENT;
text-shadow: 0 0 1.5px #E9E9E9;
} }
.sound-pane { .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; height: 50px;
background: white; background: white;
margin: 8px; margin: 8px;
border: solid 1px gainsboro; border: solid 0px gainsboro!IMPORTANT;
position: relative; position: relative;
} }
.icons { .icons {
BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
margin: 0 0px 0px 0px; margin: 0 0px 0px 0px;
} }
.icons .button { .icons .button {
BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
cursor: pointer; cursor: pointer;
border: solid 1px transparent; border: solid 1px TRANSPARENT;
} }
.icons .button:hover { .icons .button:hover {
border: solid 1px gainsboro; BORDER-RADIUS:100%;
OVERFLOW:HIDDEN;
border: solid 1px #F3F3F3;
} }
.cursor { .cursor {
background: #C7C7C7; --O_ROLOC_O_COLOR_O:#F2F2F2;
width: 1px; --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%; height: 100%;
position: absolute; position: absolute;
} }
</style> </style>
<div class="sound-player"> <div class="sound-player">
<div class="icons" ALIGN=CENTER> <div class="icons" ALIGN=CENTER><BR>
<span class="button stop-button">◯</span><BR> <span class="button stop-button">◯</span><BR>
<span class="duration">${this.duration}</span><BR> <span class="duration">${this.duration}</span><BR>
<span class="button play-button">⚪</span> <span class="button play-button">⚪</span>
@ -328,7 +393,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵙᑐᑕⵙⵙꖴⵙᗜⵙ
<div class="icons" ALIGN=CENTER> <div class="icons" ALIGN=CENTER>
<span class="button play-button">⚪</span><BR> <span class="button play-button">⚪</span><BR>
<span class="duration">${this.duration}</span><BR> <span class="duration">${this.duration}</span><BR>
<span class="button stop-button">◯</span> <span class="button stop-button">◯</span><BR><BR>
</div> </div>
</div>`; </div>`;
const cursor = ui.querySelector('.cursor'); const cursor = ui.querySelector('.cursor');
@ -416,24 +481,39 @@ Math.sin(t*8*Math.atan(1)*1/84.4060225899540307688991170920910002890893889180889
)} )}
function _16(htl){return( function _16(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://SHADERFRⓄG.CⓄM/app/view/6617" WIDTH=100% HEIGHT=712></IFRAME></CENTER>` 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( function _17(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://WⓄLFRAMALPHA.CⓄM/input?i=299792458*84.406022589954030768899117092091000289089388918088900852079%2F3%5E35+METERS+COLOR" WIDTH=100% HEIGHT=1810></IFRAME></CENTER>` 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( function _(md){return(
md`<video 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 />` 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( function _19(htl){return(
htl.html`<CENTER><IFRAME SRC="HTTPS://GHⓄSTARCHIVE.ⓄRG/archive/GEYzi" WIDTH=100% HEIGHT=2350></IFRAME></CENTER>` 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( function _20(md){return(
md`# <CENTER><SUB><FONT SIZE=1>⚪H⚪✤⚪ᕈᕋ⚪ИN⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ᗯ⚪ᗩ⚪ᗯ⚪◯⚪ᗱᗴ⚪ᑎ⚪¤⚪ꖴ⚪ИN⚪ᑎ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑎ⚪ИN⚪ꖴ⚪¤⚪ᑎ⚪ᗱᗴ⚪◯⚪ᗯ⚪ᗩ⚪ᗯ⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ИN⚪ᕈᕋ⚪✤⚪H⚪</FONT></SUB></CENTER> md`# #`
# <CENTER><SUP><FONT SIZE=1>⚪H⚪✤⚪ᕊᕍ⚪NИ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪⚪ᗨ⚪⚪◯⚪ᗱᗴ⚪⚪¤⚪ꖴ⚪NИ⚪⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪⚪NИ⚪ꖴ⚪¤⚪⚪ᗱᗴ⚪◯⚪⚪ᗨ⚪⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪NИ⚪ᕊᕍ⚪✤⚪H⚪</FONT></SUP></CENTER>`
)} )}
export default function define(runtime, observer) { export default function define(runtime, observer) {