ƧJ.ԐD.⚪H✤ᕈᕋИNᗱᗴᙁᗱᗴᗯᗩᗯ⚪ᗱᗴᑎ¤ꖴИNᑎ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑎИNꖴ¤ᑎᗱᗴ⚪ᗯᗩᗯᗱᗴᙁᗱᗴИNᕈᕋ✤H⚪.D3.JS
Signed-off-by: OOOO <oooooooooooooooo@skiff.com>
This commit is contained in:
OOOO
parent
1fa594a95f
commit
c3670a9434
2 changed files with 118 additions and 38 deletions
|
|
@ -1,22 +1,37 @@
|
|||
function _1(md){return(
|
||||
md`# <CENTER>⠀⠀⠀<SUB>⠀⠀⠀⠀⠀<FONT SIZE=1>⚪H⚪✤⚪ᕈᕋ⚪ИN⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ᗯ⚪ᗩ⚪ᗯ⚪◯⚪ᗱᗴ⚪ᑎ⚪¤⚪ꖴ⚪ИN⚪ᑎ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑎ⚪ИN⚪ꖴ⚪¤⚪ᑎ⚪ᗱᗴ⚪◯⚪ᗯ⚪ᗩ⚪ᗯ⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ИN⚪ᕈᕋ⚪✤⚪H⚪</FONT>⠀⠀⠀⠀⠀</SUB>⠀⠀⠀</CENTER>
|
||||
# <CENTER>⠀⠀⠀<SUP>⠀⠀⠀⠀⠀<FONT SIZE=1>⚪H⚪✤⚪ᕊᕍ⚪NИ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪ᗰ⚪ᗨ⚪ᗰ⚪◯⚪ᗱᗴ⚪ᑌ⚪¤⚪ꖴ⚪NИ⚪ᑌ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑌ⚪NИ⚪ꖴ⚪¤⚪ᑌ⚪ᗱᗴ⚪◯⚪ᗰ⚪ᗨ⚪ᗰ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪NИ⚪ᕊᕍ⚪✤⚪H⚪</FONT>⠀⠀⠀⠀⠀</SUP>⠀⠀⠀</CENTER>`
|
||||
md`# #`
|
||||
)}
|
||||
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
|
|
@ -91,10 +106,10 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙ
|
|||
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);
|
||||
// Draw the middle line.
|
||||
drawingCtx.strokeStyle = 'gainsboro';
|
||||
drawingCtx.strokeStyle = '#F3F3F3';
|
||||
drawingCtx.beginPath();
|
||||
drawingCtx.moveTo(0, height / 2);
|
||||
drawingCtx.lineTo(width, height / 2);
|
||||
|
|
@ -104,7 +119,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙ
|
|||
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 * .9 + height * 0.05);
|
||||
const y = height - Math.floor((value / 2 + 0.5) * height);
|
||||
if (i == 0) {
|
||||
drawingCtx.moveTo(i, y);
|
||||
} else {
|
||||
|
|
@ -117,43 +132,68 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙ
|
|||
gui() {
|
||||
const ui = html`<style>
|
||||
.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;
|
||||
font-family: sans-serif;
|
||||
color: #C3C3C3;
|
||||
font-size: 1em;
|
||||
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 1px gainsboro;
|
||||
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;
|
||||
border: solid 1px TRANSPARENT;
|
||||
}
|
||||
|
||||
.icons .button:hover {
|
||||
border: solid 1px gainsboro;
|
||||
BORDER-RADIUS:100%;
|
||||
OVERFLOW:HIDDEN;
|
||||
border: solid 1px #F3F3F3;
|
||||
}
|
||||
|
||||
.cursor {
|
||||
background: #C7C7C7;
|
||||
width: 1px;
|
||||
--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>
|
||||
<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>
|
||||
|
|
@ -164,7 +204,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙИNⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗝⵙ
|
|||
<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>
|
||||
<span class="button stop-button">◯</span><BR><BR>
|
||||
</div>
|
||||
</div>`;
|
||||
const cursor = ui.querySelector('.cursor');
|
||||
|
|
@ -255,10 +295,10 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙ
|
|||
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);
|
||||
// Draw the middle line.
|
||||
drawingCtx.strokeStyle = 'gainsboro';
|
||||
drawingCtx.strokeStyle = '#F3F3F3';
|
||||
drawingCtx.beginPath();
|
||||
drawingCtx.moveTo(0, height / 2);
|
||||
drawingCtx.lineTo(width, height / 2);
|
||||
|
|
@ -268,7 +308,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙ
|
|||
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 * .9 + height * 0.05);
|
||||
const y = height - Math.floor((value / 2 + 0.5) * height);
|
||||
if (i == 0) {
|
||||
drawingCtx.moveTo(i, y);
|
||||
} else {
|
||||
|
|
@ -281,43 +321,68 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙ
|
|||
gui() {
|
||||
const ui = html`<style>
|
||||
.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;
|
||||
font-family: sans-serif;
|
||||
color: #C3C3C3;
|
||||
font-size: 1em;
|
||||
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 1px gainsboro;
|
||||
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;
|
||||
border: solid 1px TRANSPARENT;
|
||||
}
|
||||
|
||||
.icons .button:hover {
|
||||
border: solid 1px gainsboro;
|
||||
BORDER-RADIUS:100%;
|
||||
OVERFLOW:HIDDEN;
|
||||
border: solid 1px #F3F3F3;
|
||||
}
|
||||
|
||||
.cursor {
|
||||
background: #C7C7C7;
|
||||
width: 1px;
|
||||
--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>
|
||||
<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>
|
||||
|
|
@ -328,7 +393,7 @@ gain.connect(ⵙTⵙꕤⵙᗱᗴⵙTⵙNИⵙⵔⵙᑐᑕⵙⵔⵙꖴⵙᗜⵙ
|
|||
<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>
|
||||
<span class="button stop-button">◯</span><BR><BR>
|
||||
</div>
|
||||
</div>`;
|
||||
const cursor = ui.querySelector('.cursor');
|
||||
|
|
@ -416,24 +481,39 @@ Math.sin(t*8*Math.atan(1)*1/84.4060225899540307688991170920910002890893889180889
|
|||
)}
|
||||
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
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(
|
||||
md`# <CENTER>⠀⠀⠀<SUB>⠀⠀⠀⠀⠀<FONT SIZE=1>⚪H⚪✤⚪ᕈᕋ⚪ИN⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ᗯ⚪ᗩ⚪ᗯ⚪◯⚪ᗱᗴ⚪ᑎ⚪¤⚪ꖴ⚪ИN⚪ᑎ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑎ⚪ИN⚪ꖴ⚪¤⚪ᑎ⚪ᗱᗴ⚪◯⚪ᗯ⚪ᗩ⚪ᗯ⚪ᗱᗴ⚪ᙁ⚪ᗱᗴ⚪ИN⚪ᕈᕋ⚪✤⚪H⚪</FONT>⠀⠀⠀⠀⠀</SUB>⠀⠀⠀</CENTER>
|
||||
# <CENTER>⠀⠀⠀<SUP>⠀⠀⠀⠀⠀<FONT SIZE=1>⚪H⚪✤⚪ᕊᕍ⚪NИ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪ᗰ⚪ᗨ⚪ᗰ⚪◯⚪ᗱᗴ⚪ᑌ⚪¤⚪ꖴ⚪NИ⚪ᑌ⚪◌⚪◌⚪◌⚪✺⚪✺⚪◌⚪◌⚪◌⚪ᑌ⚪NИ⚪ꖴ⚪¤⚪ᑌ⚪ᗱᗴ⚪◯⚪ᗰ⚪ᗨ⚪ᗰ⚪ᗱᗴ⚪ᙀ⚪ᗱᗴ⚪NИ⚪ᕊᕍ⚪✤⚪H⚪</FONT>⠀⠀⠀⠀⠀</SUP>⠀⠀⠀</CENTER>`
|
||||
md`# #`
|
||||
)}
|
||||
|
||||
export default function define(runtime, observer) {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue