media.pause()
13 | }
14 |
15 | clip.start ||= 0;
16 | media.currentTime = clip.start;
17 |
18 | const toSeekableRange = () => {
19 | if (media.readyState === 0) return;
20 |
21 | // Setting preload to `none` from `auto` was required on iOS to fix a bug
22 | // that caused no `timeupdate` events to fire after seeking ¯\_(ツ)_/¯
23 | const wasAuto = media.preload === 'auto';
24 | if (wasAuto) media.preload = 'none';
25 |
26 | if (media.currentTime < 0) media.currentTime = 0;
27 | if (media.currentTime > clip.end) media.currentTime = clip.end;
28 |
29 | if (wasAuto) media.preload = 'auto';
30 | }
31 |
32 | let preciseInterval
33 | const onTimeupdate = () => {
34 | clearInterval(preciseInterval);
35 |
36 | if (media.currentTime >= clip.end) { // ended
37 | if (media.loop) {
38 | media.currentTime = clip.start;
39 | return;
40 | }
41 | media.pause();
42 | media.dispatchEvent(new Event('ended'));
43 | return;
44 | }
45 |
46 | // When the playhead is 200ms or less from the end check every 10ms (~512 samples)
47 | // for increased accuracy. timeupdate is only fired every ~150ms or so.
48 | if (media.currentTime + .2 > clip.end) preciseInterval = setInterval(onTimeupdate, 10);
49 | }
50 |
51 | const onPlaying = () => {
52 | if (media.currentTime >= clip.end) media.currentTime = clip.start;
53 | }
54 |
55 | media.addEventListener('durationchange', toSeekableRange);
56 | media.addEventListener('seeking', toSeekableRange);
57 | media.addEventListener('timeupdate', onTimeupdate);
58 |
59 | let timeUpdateInterval = setInterval(onTimeupdate, 50) // safari is too bad
60 | media.addEventListener('playing', onPlaying);
61 |
62 | media.play()
63 |
64 | return () => {
65 | media.removeEventListener('durationchange', toSeekableRange);
66 | media.removeEventListener('seeking', toSeekableRange);
67 | media.removeEventListener('timeupdate', onTimeupdate);
68 | media.removeEventListener('playing', onPlaying);
69 | clearInterval(timeUpdateInterval)
70 | clearInterval(preciseInterval)
71 |
72 | media.pause()
73 | }
74 | }
75 |
--------------------------------------------------------------------------------
/src/component/playback.js:
--------------------------------------------------------------------------------
1 | class PlayButton extends HTMLElement {
2 | constructor() {
3 | super();
4 | this.attachShadow({ mode: 'open' });
5 | this._playing = false;
6 | this.tabIndex = -1;
7 | }
8 |
9 | connectedCallback() {
10 | this._playing = this.hasAttribute('playing');
11 | this.render();
12 | this.setupEventListeners();
13 | }
14 |
15 | static get observedAttributes() {
16 | return ['playing', 'tabindex'];
17 | }
18 |
19 | attributeChangedCallback(name, oldValue, newValue) {
20 | if (name === 'playing') {
21 | this._playing = newValue !== null;
22 | this.updateDisplay();
23 | }
24 | }
25 |
26 | get playing() {
27 | return this._playing;
28 | }
29 |
30 | set playing(value) {
31 | if (value) {
32 | this.setAttribute('playing', '');
33 | } else {
34 | this.removeAttribute('playing');
35 | }
36 | }
37 |
38 | render() {
39 | const tabindex = this.getAttribute('tabindex') || '0';
40 |
41 | this.shadowRoot.innerHTML = `
42 |
43 |
48 |
53 | `;
54 |
55 | this.updateDisplay();
56 | }
57 |
58 | updateDisplay() {
59 | const playIcon = this.shadowRoot.getElementById('play-icon');
60 | const pauseIcon = this.shadowRoot.getElementById('pause-icon');
61 |
62 | if (playIcon && pauseIcon) {
63 | playIcon.hidden = this._playing;
64 | pauseIcon.hidden = !this._playing;
65 | }
66 | }
67 |
68 | setupEventListeners() {
69 | const button = this.shadowRoot.querySelector('button');
70 | button.addEventListener('click', () => {
71 | this.toggle();
72 | });
73 | }
74 |
75 | toggle() {
76 | this.playing = !this._playing;
77 | this.dispatchEvent(new CustomEvent('toggle', {
78 | detail: { playing: this._playing },
79 | bubbles: true,
80 | composed: true
81 | }));
82 | }
83 | }
84 |
85 | customElements.define('play-button', PlayButton);
86 |
87 | // Usage example:
88 | //
89 | //
90 | //
91 | // Listen for toggle events:
92 | // document.querySelector('play-button').addEventListener('toggle', (e) => {
93 | // console.log('Playing:', e.detail.playing);
94 | // });
95 |
--------------------------------------------------------------------------------
/experiments/audio-recorder.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Waveedit
5 |
6 |
32 |
51 |
60 |
61 |
62 |
63 |
67 |
68 | 🕉
69 |
--------------------------------------------------------------------------------
/dist/node-wav-6T5M4VPY.js:
--------------------------------------------------------------------------------
1 | import{a as g}from"./chunk-A576P2ZR.js";var F=g((I,A)=>{var M={pcm8:(r,n,p,i,f)=>{let o=new Uint8Array(r,n),a=0;for(let l=0;l{let o=new Int16Array(r,n),a=0;for(let l=0;l{let o=new Uint8Array(r,n),a=0;for(let l=0;l8388608?c-16777216:c;p[t][l]=u<0?u/8388608:u/8388607}},pcm32:(r,n,p,i,f)=>{let o=new Int32Array(r,n),a=0;for(let l=0;l{let o=new Float32Array(r,n),a=0;for(let l=0;l{let o=new Float64Array(r,n),a=0;for(let l=0;l{let o=new Uint8Array(r,n),a=0;for(let l=0;l{let o=new Int16Array(r,n),a=0;for(let l=0;l{let o=new Uint8Array(r,n),a=0;for(let l=0;l>0&255,o[a++]=e>>8&255,o[a++]=e>>16&255}},pcm32:(r,n,p,i,f)=>{let o=new Int32Array(r,n),a=0;for(let l=0;l{let o=new Float32Array(r,n),a=0;for(let l=0;l{let o=new Float64Array(r,n),a=0;for(let l=0;l>3)),t=new DataView(l),e=0;function m(s){t.setUint8(e++,s)}function h(s){t.setUint16(e,s,!0),e+=2}function c(s){t.setUint32(e,s,!0),e+=4}function u(s){for(var w=0;w>3)),h(o*(f>>3)),h(f),u("data"),c(l.byteLength-44),y(U,f,i)(l,e,r,o,a),Buffer(l)}A.exports={decode:v,encode:b}});export default F();
2 | //# sourceMappingURL=node-wav-6T5M4VPY.js.map
3 |
--------------------------------------------------------------------------------
/src/selection.js:
--------------------------------------------------------------------------------
1 |
2 | export const selection = {
3 | // get normalized selection
4 | get() {
5 | let s = window.getSelection()
6 |
7 | // return unknown selection
8 | if (!s.anchorNode || !s.anchorNode.parentNode.closest('#editarea')) return
9 |
10 | // collect start/end offsets
11 | let start = absOffset(s.anchorNode, s.anchorOffset), end = absOffset(s.focusNode, s.focusOffset)
12 |
13 | // swap selection direction
14 | let startNode = s.anchorNode.parentNode.closest('.segment'), startNodeOffset = s.anchorOffset,
15 | endNode = s.focusNode.parentNode.closest('.segment'), endNodeOffset = s.focusOffset;
16 | if (start > end) {
17 | [end, endNode, endNodeOffset, start, startNode, startNodeOffset] =
18 | [start, startNode, startNodeOffset, end, endNode, endNodeOffset]
19 | }
20 |
21 | return {
22 | start,
23 | startNode,
24 | startNodeOffset,
25 | end,
26 | endNode,
27 | endNodeOffset,
28 | collapsed: s.isCollapsed,
29 | range: s.getRangeAt(0)
30 | }
31 | },
32 |
33 | /**
34 | * Set normalized selection
35 | * @param {number | Array} start – absolute offset (excluding modifier chars) or relative offset [node, offset]
36 | * @param {number | Array} end – absolute offset (excluding modifier chars) or relative offset [node, offset]
37 | * @returns {start, , end}
38 | */
39 | set(start, end) {
40 | let s = window.getSelection()
41 |
42 | if (Array.isArray(start)) start = absOffset(...start)
43 | if (Array.isArray(end)) end = absOffset(...end)
44 |
45 | // start/end must be within limits
46 | start = Math.max(0, start)
47 | if (end == null) end = start
48 |
49 | // find start/end nodes
50 | let editarea = document.querySelector('#editarea')
51 | let [startNode, startNodeOffset] = relOffset(editarea, start)
52 | let [endNode, endNodeOffset] = relOffset(editarea, end)
53 |
54 | let currentRange = s.getRangeAt(0)
55 | if (
56 | !(currentRange.startContainer === startNode.firstChild && currentRange.startOffset === startNodeOffset) &&
57 | !(currentRange.endContainer === endNode.firstChild && currentRange.endOffset === endNodeOffset)
58 | ) {
59 | // NOTE: Safari doesn't support reusing range
60 | s.removeAllRanges()
61 | let range = new Range()
62 | range.setStart(startNode.firstChild, startNodeOffset)
63 | range.setEnd(endNode.firstChild, endNodeOffset)
64 | s.addRange(range)
65 | }
66 |
67 | return {
68 | start, startNode, end, endNode,
69 | startNodeOffset, endNodeOffset,
70 | collapsed: s.isCollapsed,
71 | range: s.getRangeAt(0)
72 | }
73 | }
74 | }
75 |
76 | // calculate absolute offset from relative pair
77 | function absOffset(node, relOffset) {
78 | let prevNode = node.parentNode.closest('.segment')
79 | let offset = cleanText(prevNode.textContent.slice(0, relOffset)).length
80 | while (prevNode = prevNode.previousSibling) offset += cleanText(prevNode.textContent).length
81 | return offset
82 | }
83 |
84 | // calculate node and relative offset from absolute offset
85 | function relOffset(editarea, offset) {
86 | let node = editarea.firstChild, len
87 | // discount previous nodes
88 | while (offset > (len = cleanText(node.textContent).length)) {
89 | offset -= len, node = node.nextSibling
90 | }
91 | // convert current node to relative offset
92 | let skip = 0
93 | for (let content = node.textContent, i = 0; i < offset; i++) {
94 | while (content[i + skip] >= '\u0300') skip++
95 | }
96 | return [node, offset + skip]
97 | }
98 |
99 | // return clean from modifiers text
100 | export function cleanText(str) {
101 | return str.replace(/\u0300|\u0301/g, '')
102 | }
103 |
--------------------------------------------------------------------------------
/dist/chunk-ZZPGCUWV.js:
--------------------------------------------------------------------------------
1 | var u=class{constructor(t){if(!t)throw TypeError("options argument is required");if(!t.sampleRate)throw TypeError("options.sampleRate is required");if(t.sampleRate<3e3||t.sampleRate>768e3)throw TypeError("options.sampleRate must be within 3000..768000");if(!t.length)throw TypeError("options.length must be more than 0");this.sampleRate=t.sampleRate,this.numberOfChannels=t.numberOfChannels||1,this.length=t.length|0,this.duration=this.length/this.sampleRate,this._data=new Float32Array(this.length*this.numberOfChannels),this._channelData=[];for(let n=0;n=this.numberOfChannels||t<0||t==null)throw Error("Cannot getChannelData: channel number ("+t+") exceeds number of channels ("+this.numberOfChannels+")");return this._channelData[t]}copyFromChannel(t,n,r){r==null&&(r=0);for(var h=this._channelData[n],a=r,l=0;ar&&w(await n.decodeFile(r)))(e)},async mp3(e){let{MPEGDecoder:t}=await import("./mpg123-decoder-UBRSS5IY.js"),n=new t;return await n.ready,(p.mp3=r=>r&&w(n.decode(r)))(e)},async flac(e){let{FLACDecoder:t}=await import("./flac-ZGCWAMZE.js"),n=new t;return await n.ready,(p.mp3=async r=>r&&w(await n.decode(r)))(e)},async opus(e){let{OggOpusDecoder:t}=await import("./ogg-opus-decoder-GNKUO3CE.js"),n=new t;return await n.ready,(p.opus=async r=>r&&w(await n.decodeFile(r)))(e)},async wav(e){let t=await import("./node-wav-6T5M4VPY.js"),{decode:n}=t.default;return(p.wav=r=>r&&w(n(r)))(e)},async qoa(e){let{decode:t}=await import("./qoa-format-5YQ5ZETV.js");return(p.qoa=n=>n&&w(t(n)))(e)}};function w({channelData:e,sampleRate:t}){let n=new L({sampleRate:t,length:e[0].length,numberOfChannels:e.length});for(let r=0;r>3)),l=new DataView(a),c=0,y=o=>l.setUint8(c++,o),s=o=>(l.setUint16(c,o,!0),c+=2),d=o=>(l.setUint32(c,o,!0),c+=4),g=o=>{for(var i=0;i>3)),s(r*(n>>3)),s(n),g("data"),d(a.byteLength-44);let C=new Float32Array(a,c);for(let o of e){let i=o.numberOfChannels,A=Array(i),D=o.length;for(let m=0;m=t.length?0:t[a],y+=s,o=Math.max(o,s),i=Math.min(i,s);g=Math.min(h,Math.ceil(h*(o-i)/2))||0,C=Math.round(h*(o+i)/2),n+=String.fromCharCode(256+g),n+=(C>0?"\u0301":"\u0300").repeat(Math.abs(C)),l+=1024}return e._wf=n,n}var $=e=>new Promise((t,n)=>{let r=new FileReader;r.addEventListener("loadend",h=>{t(h.target.result)}),r.addEventListener("error",n),r.readAsArrayBuffer(e)});export{u as a,O as b,Z as c,H as d,Q as e,$ as f};
2 | //# sourceMappingURL=chunk-ZZPGCUWV.js.map
3 |
--------------------------------------------------------------------------------
/dist/qoa-format-5YQ5ZETV.js:
--------------------------------------------------------------------------------
1 | import"./chunk-A576P2ZR.js";var P=(s,t=e=>e!==void 0?": "+e:"")=>class extends Error{constructor(e){super(s(e)+t(e))}};var it=P(()=>"illegal argument(s)"),y=s=>{throw new it(s)};var rt=P(()=>"illegal state"),J=s=>{throw new rt(s)};var ot=Math.pow(2,32),q=class{constructor(t,e=0,i=t.length<<3){this.buffer=t,this.start=e,this.limit=i,this.seek(e)}*[Symbol.iterator](){let t=this.start,e=t>>>3,i=7-(t&7);for(;t>>i&1,--i<0&&(e++,i=7),t++}get length(){return this.limit}get position(){return this.bitPos}seek(t){return(t=this.limit)&&y(`seek pos out of bounds: ${t}`),this.pos=t>>>3,this.bit=8-(t&7),this.bitPos=t,this}read(t=1){if(t>32)return this.read(t-32)*ot+this.read(32);if(t>8){let e=0,i=t&-8,r=t-i;for(r>0&&(e=this._read(r));i>0;)e=(e<<8|this._read(8))>>>0,i-=8;return e}else return this._read(t)}readFields(t){return t.map(e=>this.read(e))}readWords(t,e=8){let i=[];for(;t-- >0;)i.push(this.read(e));return i}readStruct(t){return t.reduce((e,[i,r])=>(e[i]=this.read(r),e),{})}readBit(){this.checkLimit(1),this.bit--,this.bitPos++;let t=this.buffer[this.pos]>>>this.bit&1;return this.bit===0&&(this.pos++,this.bit=8),t}_read(t){this.checkLimit(t);let e=this.bit-t,i;return e>=0?(this.bit=e,i=this.buffer[this.pos]>>>e&(1<>>this.bit),this.bitPos+=t,i}checkLimit(t){this.bitPos+t>this.limit&&J("can't read past EOF")}};var nt=16,K=Math.pow(2,32),C=class{constructor(t,e=0){this.buffer=typeof t>"u"?new Uint8Array(nt):typeof t=="number"?new Uint8Array(t):t,this.start=e,this.seek(e),this.buffer[this.pos]&=~((1<=this.buffer.length<<3)&&y(`seek pos out of bounds: ${t}`),this.pos=t>>>3,this.bit=8-(t&7),this.bitPos=t,this}bytes(){return this.buffer.slice(0,this.pos+(this.bit&7?1:0))}reader(t=0){return new q(this.buffer,t,this.position)}write(t,e=1){if(e>32){let i=Math.floor(t/K);this.write(i,e-32),this.write(t-i*K,32)}else if(e>8){let i=e&-8,r=e-i;for(r>0&&this._write(t>>>i,r),i-=8;i>=0;)this._write(t>>>i,8),i-=8}else this._write(t,e);return this}writeWords(t,e=8){let i=t[Symbol.iterator](),r;for(;r=i.next(),!r.done;)this.write(r.value,e)}writeBit(t){return this.bit--,this.buffer[this.pos]=this.buffer[this.pos]&~(1<=0?(c|=(1<>>-a&~c,this.ensureSize(),this.buffer[this.pos]=this.buffer[this.pos]&(1<Math.floor(8+16*s+8*t*s);function E(s,t,e){return se?e:s}function S(s,t){let e=new Int16Array(s||4),i=new Int16Array(t||4);return{history:e,weights:i}}function U(s,t){return s[0]*t[0]+s[1]*t[1]+s[2]*t[2]+s[3]*t[3]>>13}function Z(s,t,e,i){let r=i>>4;s[0]+=t[0]<0?-r:r,s[1]+=t[1]<0?-r:r,s[2]+=t[2]<0?-r:r,s[3]+=t[3]<0?-r:r,t[0]=t[1],t[1]=t[2],t[2]=t[3],t[3]=e}var Y=s=>Math.sign(s)*Math.round(Math.abs(s)),$=Array(16).fill().map((s,t)=>Y(Math.pow(t+1,2.75))),lt=[.75,-.75,2.5,-2.5,4.5,-4.5,7,-7],B=$.map(s=>lt.map(t=>Y(t*s)));function at(s){if(s.read(32)!==1903124838)throw new Error("Not a QOA file; expected magic number 'qoaf'");let e={samples:s.read(32),channels:s.read(8),sampleRate:s.read(24)};return s.seek(64),e}function ct(s,t,e,i,r){let o=s.read(8),a=s.read(24),c=s.read(16),w=s.read(16),m=Math.floor(w-8-4*4*o),l=Math.floor(m/8)*20;if(o!=t.channels||a!=t.sampleRate||c*o>l)throw new Error("invalid frame header data");for(let n=0;n0&&s.read(A)}return c}function tt(s){if(s.byteLength<16)throw new Error(`QOA file size must be >= ${16}`);let t=new q(s),e=at(t),i=[],r=[];for(let c=0;cMath.floor(((1<<16)+s-1)/s)),ft=[7,7,7,5,5,3,3,1,0,0,2,2,4,4,6,6,6];function ut(s,t){let e=ht[t],i=s*e+(1<<15)>>16;return i=i+((s>0)-(s<0))-((i>0)-(i<0)),i}function _t(s,t,e,i,r){let o=t.channels,a=t.sampleRate,c=t.channelData,w=t.samples,m=Math.floor((r+20-1)/20),M=V(o,m);s.write(o,8),s.write(a,24),s.write(r,16),s.write(M,16);for(let l=0;ld)break;Z(b.weights,b.history,j,X),I.push(W)}A=1?s[0].length:0,r={samples:i,channels:e,channelData:s,sampleRate:t},o=(i+5120-1)/5120,a=(i+20-1)/20,c=8+o*8+o*4*4*r.channels+a*8*r.channels,w=[];for(let l=0;l{$.exports=Worker});var B=(n,p)=>{Object.defineProperty(n,"name",{value:p})};function o(n){let p=Uint8Array,f=Float32Array;o.modules||Object.defineProperties(o,{modules:{value:new WeakMap},setModule:{value(e,s){o.modules.set(e,Promise.resolve(s))}},getModule:{value(e,s){let t=o.modules.get(e);return t||(s?t=WebAssembly.compile(o.decodeDynString(s)):(s=e.wasm,t=o.inflateDynEncodeString(s).then(U=>WebAssembly.compile(U))),o.modules.set(e,t)),t}},concatFloat32:{value(e,s){let t=new f(s),U=0,r=0;for(;U({errors:e,channelData:s,samplesDecoded:t,sampleRate:U,bitDepth:r})},getDecodedAudioMultiChannel:{value(e,s,t,U,r,h){let a=[],u,l;for(u=0;u0?a+U:a-t}return s.subarray(0,h)}},inflateDynEncodeString:{value(e){return e=o.decodeDynString(e),new Promise(s=>{let t=String.raw`dynEncode0014u*ttt$#U¤¤ U¤¤ 3yzz ss|yusvuy Ú&4<054<,5T44^T44<(6U~J(44< ~A544U ~6J0444545 444J0444J,4U4U
Ò7U454U4Z4U4U^/6 545T4T44BU~64CU~O4U54U~5 U5T4B4Z!4U~5U5U5T4U~6U4ZTU5U5T44~4O4U2ZTU5T44 Z!4B6T44U~64B6U~O44U~4O 4U~54U~5 44~C4~54U~5 44~5 454U4 B6Ub! 444~UO4U~5 U54U4ZTU# 44U$464<4~B6^4<444~U~B4U~54U544~544~U5 µUä#UJUè#5TT4U0ZTTUX5U5T4T4Uà#~4OU4U $~C4~54U~5 T44$6U\!TTT4UaT4<6T4< 64<Z! 44~4N 4< U~5 4UZ!4U±_TU# 44UU6UÔ ~B$544$6U\! 4U6U¤#~B44Uä#~B$~64< 6_TU# 444U ~B~6~54<Y!44<_!T4Y!4<64~444~AN44< U~6J 4U5 44J 4U[! U# 44UO4U~54U~5 U5 4 7U 6844J44J 4UJ 4UJ04VK(44<J44<J$4U´ ~5 4U ~5 4U¤ ~5!TTT4U$5"U5TTTTTTT4U$" 4VK,U54<(6U~64<$6 _! 4< 6 4~6A54A5 44U~6#J(U54A4U[!44J(4 4#~A4 U 6UU U
[!4464~64 _! 4< 64~54<6 T4<4]TU5 T4Y!44 ~44 ~AN4U~54U~54U5 44J(44J UÄ A!U5U#Uô JU"UÔ JU#UÔ"JU#U´"JT4U´ZTU5T4UôZTU5T4UDZTU5T4U$[T44 ~U O4U~5 UÔ Uô 4U~U´$.U5T4UP[T4U~4~UO4U~5 U#<U#<4U~U2$.UÄ UN 44 ~UO4U~5 44!~U O4U~5 4U~4~U O4U~5 44J 44J( U5 44U¤~J@44Uä~J<44UD~J844U~J44U$54U$5U54U$54U1^4U1^!4U~5 4U~5U 54U~6U4U^/65T4T4U$54U~4BU~4O4U54U~5 UU'464U'_/54UU ~5T4T4U~4BU~UO4U54U~5 U54Uä~4U¤~4U~U'$!44 ~5U5T44\T44U<~$6U\!4U#aT4U~4U~4O4U~5 U5 U5 U5TTT4U$" 4YTU5 4U4~C5 U5 U 5 U5 444$4 ~64~\TU5 4U~4U~5T4Y!44 O4U~54U~54U5 4C YTU5 4Uä~4U¤~4U~4 $6TU54U\!4 4Bæ4Bä~[! 4U~4UD~4U~4 U~4$6TU54U\!44B4B~[! 44U<~4U4~$5 4U"U#$5 44"Y! 454U^! 44< J44<(J45 4U ~84 U N !#%'+/37?GOWgw·×÷Uä ;U 9$%& !"#`;o.getModule(o,t).then(U=>WebAssembly.instantiate(U,{})).then(({exports:U})=>{let r=new Map(Object.entries(U)),h=r.get("puff"),a=r.get("memory").buffer,u=new p(a),l=new DataView(a),i=r.get("__heap_base"),d=e.length,c=i;i+=4,l.setInt32(c,d,!0);let m=i;i+=d,u.set(e,m);let T=i;i+=4,l.setInt32(T,u.byteLength-i,!0),h(i,T,m,c),s(u.slice(i,i+l.getInt32(T,!0)))})})}}}),Object.defineProperty(this,"wasm",{enumerable:!0,get:()=>this._wasm}),this.getOutputChannels=(e,s,t)=>{let U=[],r=0;for(;r{let U=this._wasm._malloc(s.BYTES_PER_ELEMENT*e);return t&&this._pointers.add(U),{ptr:U,len:e,buf:new s(this._wasm.HEAP,U,e)}},this.free=()=>{this._pointers.forEach(e=>{this._wasm._free(e)}),this._pointers.clear()},this.codeToString=e=>{let s=[],t=new Uint8Array(this._wasm.HEAP);for(let U=t[e];U!==0;U=t[++e])s.push(U);return String.fromCharCode.apply(null,s)},this.addError=(e,s,t)=>{e.push({message:s,frameLength:t,frameNumber:n._frameNumber,inputBytes:n._inputBytes,outputSamples:n._outputSamples})},this.instantiate=()=>{let e=n._module,s=n._EmscriptenWASM,t=n._inputSize,U=n._outputChannels,r=n._outputChannelSize;return e&&o.setModule(s,e),this._wasm=new s(o).instantiate(),this._pointers=new Set,this._wasm.ready.then(()=>(t&&(n._input=this.allocateTypedArray(t,p)),r&&(n._output=this.allocateTypedArray(U*r,f)),n._inputBytes=0,n._outputSamples=0,n._frameNumber=0,this))}}var J=S(b(),1);var C=()=>globalThis.Worker||J.default,g=class extends C(){constructor(p,f,e,s){o.modules||new o;let t=o.modules.get(e);if(!t){let U=`'use strict';(${((h,a,u)=>{let l,i,d=new Promise(c=>{i=c});self.onmessage=({data:{id:c,command:m,data:T}})=>{let _=d,y={id:c},w;m==="init"?(Object.defineProperties(h,{WASMAudioDecoderCommon:{value:a},EmscriptenWASM:{value:u},module:{value:T.module},isWebWorker:{value:!0}}),l=new h(T.options),i()):m==="free"?l.free():m==="ready"?_=_.then(()=>l.ready):m==="reset"?_=_.then(()=>l.reset()):(Object.assign(y,l[m](Array.isArray(T)?T.map(A=>new Uint8Array(A)):new Uint8Array(T))),w=y.channelData?y.channelData.map(A=>A.buffer):[]),_.then(()=>self.postMessage(y,w))}}).toString()})(${e}, ${o}, ${s})`,r="text/javascript";try{t=URL.createObjectURL(new Blob([U],{type:r}))}catch{t=`data:${r};base64,${Buffer.from(U).toString("base64")}`}o.modules.set(e,t)}super(t,{name:f}),this._id=Number.MIN_SAFE_INTEGER,this._enqueuedOperations=new Map,this.onmessage=({data:U})=>{let{id:r,...h}=U;this._enqueuedOperations.get(r)(h),this._enqueuedOperations.delete(r)},new s(o).getModule().then(U=>{this._postToDecoder("init",{module:U,options:p})})}async _postToDecoder(p,f){return new Promise(e=>{this.postMessage({command:p,id:this._id,data:f}),this._enqueuedOperations.set(this._id++,e)})}get ready(){return this._postToDecoder("ready")}async free(){await this._postToDecoder("free").finally(()=>{this.terminate()})}async reset(){await this._postToDecoder("reset")}};export{o as a,g as b,B as c};
2 | //# sourceMappingURL=chunk-SCMJQOGN.js.map
3 |
--------------------------------------------------------------------------------
/dist/worker.js:
--------------------------------------------------------------------------------
1 | import{a as W,b as z,c as G,d as _,e as H,f as J}from"./chunk-ZZPGCUWV.js";import"./chunk-A576P2ZR.js";var te=function(){function e(){}return e.prototype.then=function(t,n){let r=new e,o=this.s;if(o){let i=1&o?t:n;if(i){try{d(r,1,i(this.v))}catch(a){d(r,2,a)}return r}return this}return this.o=function(i){try{let a=i.v;1&i.s?d(r,1,t?t(a):a):n?d(r,1,n(a)):d(r,2,a)}catch(a){d(r,2,a)}},r},e}();function d(e,t,n){if(!e.s){if(n instanceof te){if(!n.s)return void(n.o=d.bind(null,e,t));1&t&&(t=n.s),n=n.v}if(n&&n.then)return void n.then(d.bind(null,e,t),d.bind(null,e,2));e.s=t,e.v=n;let r=e.o;r&&r(e)}}var fe=0,A=typeof WeakMap=="function"?WeakMap:function(){var e=typeof Symbol=="function"?Symbol(0):"__weak$"+ ++fe;this.set=function(t,n){t[e]=n},this.get=function(t){return t[e]}};function Y(e,t){return new Promise(function(n,r){e.onsuccess=function(){var o=e.result;t&&(o=t(o)),n(o)},e.onerror=function(){r(e.error)}})}function ne(e,t){return Y(e.openCursor(t),function(n){return n?[n.key,n.value]:[]})}function Q(e){return new Promise(function(t,n){e.oncomplete=function(){t()},e.onabort=function(){n(e.error)},e.onerror=function(){n(e.error)}})}function K(e){if(!function(t){return!!(typeof t=="number"||typeof t=="string"||typeof t=="object"&&t&&(Array.isArray(t)||"setUTCFullYear"in t||typeof ArrayBuffer=="function"&&ArrayBuffer.isView(t)||"byteLength"in t&&"length"in t))}(e))throw Error("kv-storage: The given value is not allowed as a key")}var re={};function X(e,t){return ne(e,oe(t))}function oe(e){return e===re?IDBKeyRange.lowerBound(-1/0):IDBKeyRange.lowerBound(e,!0)}var ie=new A,T=new A,x=new A,ue=new A,E=function(){};function ee(e,t){return t(function(n,r){try{let v=function(){return T.set(e,i),x.set(e,void 0),{value:c,done:i===void 0}};var o=T.get(e);if(o===void 0)return Promise.resolve({value:void 0,done:!0});var i,a,c,h=function(f,u){var p,l=-1;e:{for(var y=0;y{let{id:t,ops:n}=e.data,r;for(;t{let t=e.map(a=>H(a)),n=e.reduce((a,{duration:c})=>a+c,0),r=await _(...e),o=new Blob([r],{type:"audio/wav"}),i=URL.createObjectURL(o);self.postMessage({id:j.length,url:i,segments:t,duration:n})},j=[],s=[],ce={async src(...e){return j.push(()=>s=[]),s=await Promise.all(e.map(G)),s},async file(e){if(typeof e=="string"){let r=await V.get(Z+":"+e);if(!r)return s;let o=await J(r);return s=[await z(o)]}j.push(()=>s.pop());let t=new W({numberOfChannels:e.numberOfChannels,length:e.length,sampleRate:e.sampleRate});e.channelData.forEach((r,o)=>t.getChannelData(o).set(r)),s.push(t);let n=new Blob([await _(...s)]);return console.log("save",Z+":"+e.name),V.set(Z+":"+e.name,n),s},del(e,t){e=Number(e),t=Number(t);let n=[...s];j.push(()=>{s=n});let r=ae(e),o=ae(t);!o[1]&&o[0]&&(o[0]-=1,o[1]=s[o[0]].length);let i=s[r[0]],a=s[o[0]],c=r[1]+(a.length-o[1]);if(!c)return s=[];let h=new W({length:c,sampleRate:i.sampleRate,numberOfChannels:i.numberOfChannels});for(let f=0;f{let t=e*1024;if(t===0)return[0,0];var n=0,r;for(let o=0;o> 3));
31 | let v = new DataView(buffer);
32 | let pos = 0;
33 | const u8 = (x) => v.setUint8(pos++, x);
34 | const u16 = (x) => (v.setUint16(pos, x, true), pos += 2)
35 | const u32 = (x) => (v.setUint32(pos, x, true), pos += 4)
36 | const string = (s) => { for (var i = 0; i < s.length; ++i) u8(s.charCodeAt(i)); }
37 | string("RIFF");
38 | u32(buffer.byteLength - 8);
39 | string("WAVE");
40 | string("fmt ");
41 | u32(16);
42 | u16(3); // float
43 | u16(channels);
44 | u32(sampleRate);
45 | u32(sampleRate * channels * (bitDepth >> 3));
46 | u16(channels * (bitDepth >> 3));
47 | u16(bitDepth);
48 | string("data");
49 | u32(buffer.byteLength - 44);
50 |
51 | // FIXME: can just copy data for mono case (way faster)
52 | // FIXME: should we instead to just directly work with wav buffer instead of audio buffers?
53 | let output = new Float32Array(buffer, pos);
54 | for (let audioBuffer of audioBuffers) {
55 | let channels = audioBuffer.numberOfChannels,
56 | channelData = Array(channels),
57 | length = audioBuffer.length
58 | for (let ch = 0; ch < channels; ++ch) channelData[ch] = audioBuffer.getChannelData(ch)
59 | for (let i = 0; i < length; ++i)
60 | for (let ch = 0; ch < channels; ++ch) output[pos++] = channelData[ch][i];
61 | }
62 |
63 | console.timeEnd('wav encode')
64 | return buffer;
65 | }
66 |
67 | // convert audio buffer to waveform string
68 | export function drawAudio(audioBuffer) {
69 | if (!audioBuffer) return '';
70 |
71 | // if waveform is rendered already - return cached
72 | if (audioBuffer._wf) return audioBuffer._wf;
73 |
74 | // console.time('draw string')
75 |
76 | // map waveform to wavefont
77 | let channelData = audioBuffer.getChannelData(0), str = ''
78 |
79 | // TODO: weight waveform by audible spectrum
80 |
81 | // create wavefont string
82 | // amp coef brings up value a bit
83 | const VISUAL_AMP = 2
84 | const RANGE = 128, AMP = 2
85 |
86 | for (let i = 0, nextBlock = BLOCK_SIZE; i < channelData.length;) {
87 | let ssum = 0, sum = 0, x, avg, v, shift
88 |
89 | // avg amp method - waveform is too small
90 | // for (; i < nextBlock; i++) {
91 | // x = i >= channelData.length ? 0 : channelData[i]
92 | // sum += Math.abs(x)
93 | // }
94 | // avg = sum / BLOCK_SIZE
95 | // v = Math.ceil(avg * RANGE)
96 | // shift = 0
97 |
98 | // rms method
99 | // drawback: waveform is smaller than needed
100 | // for (; i < nextBlock; i++) {
101 | // x = i >= channelData.length ? 0 : channelData[i]
102 | // sum += x
103 | // ssum += x ** 2
104 | // }
105 | // avg = sum / BLOCK_SIZE
106 | // const rms = Math.sqrt(ssum / BLOCK_SIZE)
107 | // v = Math.min(RANGE, Math.ceil(rms * RANGE * VISUAL_AMP / 2)) || 0
108 | // shift = Math.round(avg * RANGE / 2)
109 |
110 | // signal energy loudness
111 | // ref: https://github.com/MTG/essentia/blob/master/src/algorithms/temporal/loudness.cpp
112 | // same as RMS essentially, different power
113 | // const STEVENS_POW = 0.67
114 | // for (; i < nextBlock; i++) ssum += i >= channelData.length ? 0 : channelData[i] ** 2
115 | // const value = (ssum / BLOCK_SIZE) ** STEVENS_POW
116 | // v = Math.min(RANGE, Math.ceil(value * RANGE * VISUAL_AMP))
117 | // shift = 0
118 |
119 | // peak amplitude
120 | let max = -1, min = 1
121 | for (; i < nextBlock; i++) {
122 | x = i >= channelData.length ? 0 : channelData[i]
123 | sum += x
124 | max = Math.max(max, x)
125 | min = Math.min(min, x)
126 | }
127 | v = Math.min(RANGE, Math.ceil(RANGE * (max - min) / AMP)) || 0
128 | shift = Math.round(RANGE * (max + min) / (2 * AMP))
129 |
130 | str += String.fromCharCode(0x0100 + v)
131 | str += (shift > 0 ? '\u0301' : '\u0300').repeat(Math.abs(shift))
132 |
133 | nextBlock += BLOCK_SIZE
134 | }
135 |
136 | // cache waveform
137 | audioBuffer._wf = str
138 |
139 | // console.timeEnd('draw string')
140 | return str
141 | }
142 |
143 | export function sliceAudio(buffer, start = 0, end = buffer.length) {
144 | let newBuffer = new AudioBuffer({
145 | length: end - start,
146 | numberOfChannels: buffer.numberOfChannels,
147 | sampleRate: buffer.sampleRate
148 | });
149 |
150 | for (var c = 0; c < newBuffer.numberOfChannels; c++) {
151 | newBuffer.copyToChannel(
152 | buffer.getChannelData(c).subarray(start, end),
153 | c, 0
154 | )
155 | }
156 |
157 | return newBuffer
158 | }
159 |
160 | export function joinAudio(a, b) {
161 | let newBuffer = new AudioBuffer({
162 | length: a.length + b.length,
163 | numberOfChannels: Math.max(a.numberOfChannels, b.numberOfChannels),
164 | sampleRate: a.sampleRate
165 | })
166 |
167 | for (let ch = 0; ch < newBuffer.numberOfChannels; ch++) {
168 | newBuffer.copyToChannel(
169 | a.getChannelData(ch),
170 | ch, 0
171 | )
172 | newBuffer.copyToChannel(
173 | b.getChannelData(ch),
174 | ch, a.length
175 | )
176 | }
177 |
178 | return newBuffer
179 | }
180 |
181 | export function deleteAudio(buffer, start = 0, end = buffer.length) {
182 | let newBuffer = new AudioBuffer({
183 | length: buffer.length - Math.abs(end - start),
184 | numberOfChannels: buffer.numberOfChannels,
185 | sampleRate: buffer.sampleRate
186 | });
187 |
188 | for (var c = 0; c < buffer.numberOfChannels; c++) {
189 | var channelData = buffer.getChannelData(c)
190 | var newChannelData = newBuffer.getChannelData(c)
191 | newChannelData.set(channelData.subarray(0, start), 0);
192 | newChannelData.set(channelData.subarray(end), start);
193 | }
194 |
195 | return newBuffer
196 | }
197 |
198 | export function insertAudio(a, offset, b) {
199 | if (offset >= a.length) return joinAudio(a, b)
200 | if (!offset) return joinAudio(b, a)
201 |
202 | let buffer = new AudioBuffer({
203 | length: a.length + b.length,
204 | numberOfChannels: Math.max(a.numberOfChannels, b.numberOfChannels),
205 | sampleRate: a.sampleRate
206 | })
207 |
208 | for (let ch = 0; ch < buffer.numberOfChannels; ch++) {
209 | buffer.copyToChannel(
210 | a.getChannelData(ch).subarray(0, offset),
211 | ch, 0
212 | )
213 | buffer.copyToChannel(
214 | b.getChannelData(ch),
215 | ch, offset
216 | )
217 | buffer.copyToChannel(
218 | a.getChannelData(ch).subarray(offset),
219 | ch, offset + b.length
220 | )
221 | }
222 | return buffer
223 | }
224 |
225 | export function cloneAudio(a) {
226 | let b = new AudioBuffer({ sampleRate: a.sampleRate, numberOfChannels: a.numberOfChannels, length: a.length })
227 | for (let ch = 0; ch < a.numberOfChannels; ch++) b.getChannelData(ch).set(a.getChannelData(ch))
228 | return b
229 | }
230 |
231 | export const fileToArrayBuffer = (file) => {
232 | return new Promise((y, n) => {
233 | const reader = new FileReader();
234 | reader.addEventListener('loadend', (event) => {
235 | y(event.target.result);
236 | });
237 | reader.addEventListener('error', n)
238 | reader.readAsArrayBuffer(file);
239 | })
240 | }
241 |
--------------------------------------------------------------------------------
/main.css:
--------------------------------------------------------------------------------
1 | * {
2 | box-sizing: border-box;
3 | }
4 |
5 | html,
6 | body {
7 | margin: 0;
8 | }
9 |
10 | body {
11 | font-family: sans-serif;
12 | }
13 |
14 | [hidden] {
15 | display: none !important;
16 | }
17 |
18 | [disabled] {
19 | opacity: .5;
20 | }
21 |
22 | @font-face {
23 | font-family: wavefont;
24 | font-display: block;
25 | src: url(./asset/wavefont.woff2) format('woff2');
26 | }
27 |
28 | .wavefont {
29 | display: block;
30 | --wght: 25;
31 | font-family: wavefont;
32 | /* letter-spacing: 1.5ch; */
33 | font-size: var(--wavefont-size, 50px);
34 | line-height: var(--wavefont-lh);
35 | font-variation-settings: 'wght' var(--wght), 'ROND' 100, 'YALN' 0;
36 | text-rendering: optimizeSpeed;
37 | font-smooth: grayscale;
38 | -webkit-font-smoothing: grayscale;
39 | -moz-osx-font-smoothing: grayscale;
40 | }
41 |
42 | .container {
43 | display: flex;
44 | position: relative;
45 | width: 100%;
46 | margin: 1rem auto;
47 | padding: 0 0 0;
48 | justify-content: center;
49 | }
50 |
51 | #wavearea {
52 | height: 100%;
53 | margin: 0;
54 | padding: 0 2vw;
55 | display: flex;
56 | flex-direction: column;
57 | /* --wavefont-size: max(4rem, min(10.8vw, 6rem)); */
58 | --wavefont-size: 50px;
59 | /* Value is special: it doesn't break in mobiles */
60 | --wavefont-lh: calc(var(--wavefont-size) * 1.4);
61 | --secondary: rgb(0 0 0 / 33%);
62 | --primary: black;
63 |
64 | #loading {
65 | cursor: wait !important;
66 | }
67 |
68 | #waveform {
69 | position: relative;
70 | width: 100%;
71 | /* this 0.5ch fixes inconsistent breaking, seemingly round error */
72 | max-width: calc(4 * 216 * 1ch + 0.5ch);
73 | margin: 1rem;
74 | margin-left: 4rem;
75 | }
76 |
77 | #waveform.dragover {
78 | /* cursor: drop; */
79 | }
80 |
81 | #editarea,
82 | #loader {
83 | outline: none;
84 | width: 100%;
85 | color: var(--primary);
86 | }
87 |
88 | #editarea {
89 | /* background-size: 1px calc(var(--wavefont-size) * 1.4);
90 | background-position: 0% 4.2rem;
91 | background-image: repeating-linear-gradient(0deg, var(--secondary) -0.5px, rgb(255 255 255 / 0%) 0.5px, rgb(255 255 255 / 0%)); */
92 | position: relative;
93 | p::selection {
94 | background-color: var(--secondary);
95 | }
96 | }
97 |
98 |
99 | /* played samples dimmer */
100 | #editarea.playing:before,
101 | #editarea.playing:after {
102 | content: '';
103 | position: absolute;
104 | background: rgba(255, 255, 255, .75);
105 | pointer-events: none;
106 | z-index: 1;
107 | }
108 |
109 | #editarea:before {
110 | bottom: 0;
111 | left: -1px;
112 | right: -1px;
113 | top: calc(var(--carety) + var(--wavefont-lh));
114 | }
115 |
116 | #editarea:after {
117 | top: var(--carety);
118 | right: -1px;
119 | left: var(--caretx);
120 | height: var(--wavefont-lh);
121 | }
122 |
123 | #loader {
124 | top: 0;
125 | display: block;
126 | position: absolute;
127 | z-index: 1;
128 | pointer-events: none;
129 | color: var(--secondary);
130 | }
131 |
132 |
133 | .segment {
134 | position: relative;
135 | margin: 0;
136 | padding: 0;
137 | min-height: var(--wavefont-lh);
138 |
139 | word-break: break-all;
140 | white-space: break-spaces;
141 | line-break: anywhere;
142 | }
143 |
144 | #timecodes,
145 | #status {
146 | position: absolute;
147 | top: 0;
148 | left: -3rem;
149 | font-family: sans-serif;
150 | letter-spacing: 0;
151 | font-size: .75rem;
152 | margin: 0;
153 | word-break: keep-all;
154 | white-space: pre;
155 | color: var(--secondary);
156 | line-height: var(--wavefont-lh);
157 | }
158 |
159 | #timecodes {
160 | display: flex;
161 | flex-direction: column;
162 | }
163 |
164 | #timecodes>* {
165 | margin: 0;
166 | text-decoration: none;
167 | color: var(--secondary);
168 | }
169 |
170 | #status {
171 | left: -4rem;
172 | }
173 |
174 | #caret-line,
175 | #opener {
176 | position: absolute;
177 | margin-left: -3.8rem;
178 | width: 3rem;
179 | height: var(--wavefont-lh);
180 | top: var(--carety);
181 | display: flex;
182 | align-items: center;
183 | justify-content: center;
184 | }
185 |
186 | #opener {
187 | margin-left: -3.2rem;
188 | }
189 |
190 | #caret-line {
191 | pointer-events: none;
192 | margin-left: -4rem;
193 | }
194 |
195 | #file {
196 | width: 0.1px;
197 | height: 0.1px;
198 | opacity: 0;
199 | overflow: hidden;
200 | position: absolute;
201 | z-index: -1;
202 | }
203 |
204 | #file+label {
205 | display: flex;
206 | align-items: center;
207 | font-size: 1rem;
208 | cursor: pointer;
209 | user-select: none;
210 | }
211 |
212 | #record {
213 | align-items: center;
214 | padding: 0;
215 | text-align: center;
216 | display: flex;
217 | appearance: none;
218 | border: none;
219 | background: none;
220 | cursor: pointer;
221 | font-size: 1rem;
222 | user-select: none;
223 | }
224 |
225 | #floater {
226 | position: sticky;
227 | top: 0;
228 | bottom: var(--wavefont-lh);
229 | height: 0;
230 | display: flex;
231 | line-height: 0;
232 | margin-top: calc(-1*var(--wavefont-lh));
233 |
234 | #play {
235 | background: linear-gradient(to bottom, rgb(255 255 255 / 0%) 0%, rgb(255 255 255 / 100%) 25%, rgb(255 255 255 / 100%) 75%, rgb(255 255 255 / 0%) 100%);
236 | height: var(--wavefont-lh );
237 | }
238 | }
239 |
240 | #play {
241 | padding: 0;
242 | text-align: center;
243 | appearance: none;
244 | border: none;
245 | cursor: pointer;
246 | justify-content: center;
247 | align-items: center;
248 | -webkit-tap-highlight-color: transparent;
249 | z-index: 1;
250 | display: flex;
251 | background: none;
252 |
253 | #clickarea {
254 | height: calc(var(--wavefont-lh) * 3);
255 | width: 100%;
256 | position: absolute;
257 | top: -100%;
258 |
259 | height: 4rem;
260 | width: 4rem;
261 | position: absolute;
262 | left: -1rem;
263 | top: 0;
264 | bottom: 0;
265 | margin: auto;
266 | }
267 | }
268 |
269 | #playback {
270 | position: fixed;
271 | bottom: 4rem;
272 | width: auto;
273 | margin: auto;
274 | z-index: 2;
275 | display: flex;
276 | gap: .6rem;
277 | align-items: center;
278 | font-size: .8rem;
279 | padding: 1rem 1.2rem;
280 | border-radius: 50px;
281 | border: 1px solid rgb(0 0 0 / 3%);
282 | box-shadow: rgb(0 0 0 / 22%) 0px 4px 16px -8px, rgb(0 0 0 / 7%) 0px 1px 2px;
283 | background: linear-gradient(to bottom, rgb(255 255 255 / 95%) 0%, rgb(255 255 255 / 100%) 33%, rgb(255 255 255 / 100%) 100%);
284 | /* -webkit-backdrop-filter: blur(2px); */
285 | /* backdrop-filter: blur(2px); */
286 |
287 | .time {
288 | font-variant-numeric: tabular-nums;
289 | }
290 | }
291 |
292 | #krsnzd {
293 | position: fixed;
294 | bottom: 1.08rem;
295 | right: 1.08rem;
296 | margin: 0 auto;
297 | text-decoration: none;
298 | color: var(--primary);
299 | opacity: .108;
300 | transition: .108s ease-out;
301 | }
302 |
303 | #krsnzd:hover {
304 | opacity: .82;
305 | }
306 |
307 | #info-button {
308 | position: fixed;
309 | bottom: .8rem;
310 | right: .8rem;
311 | appearance: none;
312 | background: none;
313 | border: none;
314 | opacity: 0.25;
315 | cursor: pointer;
316 | }
317 |
318 | #info-button:hover {
319 | opacity: 1;
320 | }
321 |
322 | #info-dialog {
323 | padding: 1.2rem;
324 | border: none;
325 | border-radius: .8rem;
326 | box-shadow: rgb(0 0 0 / 22%) 0px 4px 16px -8px, rgb(0 0 0 / 7%) 0px 1px 2px;
327 | background: white;
328 | opacity: 0;
329 | display: none;
330 | transition: opacity .2s ease-out;
331 | inset: 0;
332 | }
333 |
334 | #info-dialog[open] {
335 | opacity: 1;
336 | margin: auto;
337 | display: block;
338 | transition: opacity .2s ease-out;
339 | }
340 |
341 | #info-dialog>* {
342 | margin: 0
343 | }
344 |
345 | #info-dialog::backdrop {
346 | background: rgba(108, 108, 108, .16);
347 | -webkit-backdrop-filter: blur(0px);
348 | backdrop-filter: blur(0px);
349 | transition: opacity .5s ease-out;
350 | }
351 |
352 | #info-dialog[open]::backdrop {
353 | -webkit-backdrop-filter: blur(4px);
354 | backdrop-filter: blur(4px);
355 | }
356 | }
357 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Wavearea
5 |
6 |
7 |
8 |
9 |
10 |
22 |
23 |
29 |
103 |
104 |
107 | ...
108 |
109 |
110 |
113 |
121 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
144 |
145 |
158 |
159 |
160 |
161 | Te Re Khe Ta
162 |
163 |
177 |
178 |
195 |
`
2 | const stopIcon = `
`
3 | const playIcon = `
`
4 | const pauseIcon = `
`
5 | const downloadIcon = `
`
6 | const settingsIcon = `
`
7 |
8 | // Design considerations
9 | // There are 2 strategies to handle data:
10 | // a. as sequence of blobs from media stream
11 | // b. as sequence of audio buffers, somehow converted to media stream
12 | // For input we must support media stream (mic), oscillator/noise (raw buffers), files (blobs)
13 | // For output we must be able to download (blob), playback (blob/raw)
14 | // For editing we can use buffers or blobs
15 | // If we support oscillators, editing must be buffers. (Also that gives precise audio manip benefits.)
16 | // If we support immediate download of edited file, editing must be blobs. (otherwise we're limited to wav encoding)
17 | // Seems that we need 1. raw chunks (audio buffers) 2. media recorder to encode them small-size
18 |
19 | export default class Wavearea {
20 | paused = true
21 | chunks = []
22 | header = []
23 | timeslice = null
24 | mimeType = 'audio/webm;codecs=opus'
25 |
26 | get recording () {return this.recorder?.state === 'recording'}
27 | get playing () {return !this.playback?.paused}
28 |
29 | constructor (textarea, o={}) {
30 | // DOM
31 | this.textarea = textarea
32 |
33 | // this.textarea.style.setProperty('--size', 100)
34 | Object.assign(this.textarea.style, {
35 | lineHeight: 1,
36 | // paddingTop: 0,
37 | // fontSize: `calc(var(--size) * 1px)`,
38 | // backgroundSize: `10px calc(var(--size) * 1px)`,
39 | // backgroundPosition: `0 calc(var(--size) * 0.5px)`,
40 | // backgroundImage: `linear-gradient(to bottom, rgb(230, 245, 255) 1px, transparent 1px)`,
41 | })
42 |
43 | if (!(this.settingsButton = o.settingsButton)) {
44 | this.textarea.after(this.settingsButton = document.createElement('button'))
45 | this.settingsButton.innerHTML = settingsIcon
46 | }
47 | this.settingsButton.addEventListener('click', e => {
48 | // !this.recording ? this.record() : this.stop()
49 | // this.textarea.focus()
50 | })
51 |
52 | if (!(this.downloadButton = o.downloadButton)) {
53 | this.textarea.after(this.downloadButton = document.createElement('button'))
54 | this.downloadButton.innerHTML = downloadIcon
55 | }
56 | this.downloadButton.addEventListener('click', e => {
57 | // !this.playing ? this.play() : this.pause()
58 | // this.textarea.focus()
59 | })
60 |
61 | if (!(this.recordButton = o.recordButton)) {
62 | this.textarea.after(this.recordButton = document.createElement('button'))
63 | this.recordButton.innerHTML = recordIcon
64 | }
65 | this.recordButton.addEventListener('click', e => {
66 | !this.recording ? this.record() : this.stop()
67 | this.textarea.focus()
68 | })
69 |
70 | if (!(this.playButton = o.playButton)) {
71 | this.textarea.after(this.playButton = document.createElement('button'))
72 | this.playButton.innerHTML = playIcon
73 | }
74 | this.playButton.addEventListener('click', e => {
75 | !this.playing ? this.play() : this.pause()
76 | this.textarea.focus()
77 | })
78 |
79 | // audio
80 | this.playback = document.createElement('audio')
81 | }
82 |
83 | // init recorder
84 | async init() {
85 | const audioContext = new AudioContext();
86 |
87 | // FIXME: make configurable
88 | // https://developer.mozilla.org/en-US/docs/Web/API/MediaTrackConstraints#properties_of_audio_tracks
89 | const constraints = {audio: {
90 | autoGainControl: false,
91 | echoCancellation: false,
92 | latency: 0,
93 | noiseSuppression: false,
94 | sampleRate: audioContext.sampleRate,
95 | sampleSize: 16
96 | }}
97 | console.time('init recorder')
98 | let stream = this.stream = await navigator.mediaDevices.getUserMedia(constraints)
99 | console.timeEnd('init recorder')
100 |
101 | const streamSource = audioContext.createMediaStreamSource(stream);
102 | const analyser = audioContext.createAnalyser();
103 | analyser.fftSize = 2048;
104 | analyser.smoothingTimeConstant = 0;
105 | streamSource.connect(analyser);
106 | this.recorder = new MediaRecorder(stream, {mimeType: this.mimeType});
107 |
108 | const dataArray = new Float32Array(analyser.fftSize);
109 | this.timeslice = (analyser.fftSize)/audioContext.sampleRate;
110 |
111 | this.recorder.ondataavailable = (e) => {
112 | if (!e.data.size) return
113 | // console.log(last - (last = Date.now()), this.timeslice)
114 | // no need to turn data into array buffers, unless we're able to read them instead of Web-Audio-API
115 | // FIXME: capture header, initial 2 chunks are required for playback source validity
116 | if (this.header.length < 2) {
117 | this.header.push(e.data)
118 | }
119 | else {
120 | // reading loudness data from chunks is hard
121 | analyser.getFloatTimeDomainData(dataArray);
122 | let ssum = 0
123 | for (let i = 0; i < dataArray.length; i++) ssum += dataArray[i] * dataArray[i]
124 | const rms = Math.sqrt(ssum / dataArray.length)
125 | const bar = String.fromCharCode(0x0100 + Math.floor(rms * 100))
126 |
127 | // append
128 | if (this.textarea.selectionStart === this.textarea.textLength) {
129 | this.chunks.push(e.data)
130 | this.textarea.append( bar )
131 | this.textarea.selectionStart = this.textarea.textLength
132 | }
133 | // insert
134 | else {
135 | const text = this.textarea.textContent, caret = this.textarea.selectionStart
136 | const chunkStart = text.slice(0, caret).replace(/\s/ig,'').length;
137 | this.chunks.splice(chunkStart, 0, e.data)
138 | this.textarea.textContent = text.slice(0, caret) + bar + text.slice(caret)
139 | this.textarea.selectionStart = caret + 1
140 | }
141 | // console.log('dataavailable', this.textarea.textLength)
142 | }
143 | }
144 | }
145 |
146 | async record() {
147 | if (this.playing) this.pause()
148 |
149 | this.paused = false
150 | this.recordButton.innerHTML = `${pauseIcon}`
151 |
152 | if (!this.recorder) await this.init()
153 |
154 | // reset header to re-init it from the new recording part
155 | this.header = []
156 |
157 | // NOTE: real time intervals are different from timeslice
158 | this.recorder.start(1000 * this.timeslice)
159 | }
160 |
161 | // stop recording
162 | async stop() {
163 | if (this.paused) return
164 |
165 | this.paused = true
166 | this.recordButton.innerHTML = `${recordIcon}`
167 | this.playButton.innerHTML = `${playIcon}`
168 |
169 | if (this.recording) {
170 | this.recorder.stop()
171 |
172 | // it still can generate the last ondataavailable event, so we wait
173 | await event(this.recorder, 'stop')
174 |
175 | // create playback chunk
176 | console.log(this.chunks)
177 | this.blob = new Blob([...this.header, ...this.chunks], { type: this.recorder.mimeType })
178 | this.playback.src = window.URL.createObjectURL(this.blob)
179 | // this.playback.srcObject = stream
180 |
181 | await event(this.playback, 'loadedmetadata')
182 |
183 | // Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=642012
184 | console.log('loadedmetadata', this.playback.duration)
185 | if (this.playback.duration === Infinity || isNaN(this.playback.duration)) {
186 | this.playback.currentTime = Number.MAX_SAFE_INTEGER
187 | await event(this.playback, 'timeupdate')
188 | console.log('ontimeupdate',this.playback.duration,this.playback.currentTime)
189 | // playback.currentTime = 0
190 | }
191 | // Normal behavior
192 | // else console.log('immediate',playback.duration)
193 | }
194 | }
195 |
196 | async play() {
197 | // reset recording
198 | if (!this.paused) this.pause();
199 |
200 | if (this.textarea.selectionStart >= this.textarea.textLength) this.textarea.selectionStart = this.textarea.selectionEnd = 0
201 |
202 | const from = this.playback.currentTime = this.playback.duration * this.textarea.selectionStart / this.textarea.textLength
203 |
204 | // Bug? Setting currentTime to 0 doesn't reset playback
205 | this.playback.currentTime = Math.max(from, 0.001)
206 |
207 | const to = this.textarea.selectionStart === this.textarea.selectionEnd ? this.playback.duration :
208 | this.playback.duration * this.textarea.selectionEnd / this.textarea.textLength
209 |
210 | this.paused = false
211 | this.playButton.innerHTML = `${pauseIcon}`
212 |
213 | this.playback.play()
214 |
215 | await Promise.any([event(this.playback, 'ended'), until(() => {
216 | // update caret
217 | const framesPlayed = Math.floor(this.chunks.length * this.playback.currentTime / this.playback.duration)
218 | this.textarea.selectionStart = this.textarea.selectionEnd = framesPlayed
219 |
220 | return this.paused || this.playback.currentTime >= to
221 | })])
222 | this.pause()
223 | }
224 |
225 | // pause playback
226 | pause() {
227 | if (this.paused) return
228 |
229 | this.paused = true
230 | this.playButton.innerHTML = `${playIcon}`
231 |
232 | if (this.playing) this.playback.pause()
233 | }
234 | }
235 |
236 |
237 | // wait until event
238 | const event = (target, evt) => new Promise(r => target.addEventListener(evt, function fn(){target.removeEventListener(evt, fn),r()}))
239 |
240 | // wait until condition
241 | const until = (cond) => new Promise(r => {
242 | const check = () => cond() ? r() : requestAnimationFrame(check)
243 | check()
244 | })
245 |
246 |
247 |
248 | // try splitting buffer to N parts, recording in parallel, generating blob
249 | async function recordParallel() {
250 | const audioContext = new AudioContext();
251 | const mimeType = 'audio/webm;codecs=opus'
252 |
253 | const N = 10, len = 4096
254 | let src = new Float32Array(len * N)
255 | for (let j = 0; j < src.length; j++) src[j] = Math.sin(j / 5)
256 |
257 | const bufs = [], all = []
258 | for (let i = 0; i < N; i++ ) {
259 | // 2705 - min chunk length for opus encoder in Chrome, so we increase block size to len plus silent header
260 | // let buf = new AudioBuffer({length: len, sampleRate: audioContext.sampleRate})
261 | const buf = new AudioBuffer({length: len, sampleRate: audioContext.sampleRate})
262 | let data = buf.getChannelData(0)
263 | data.set(src.slice(i * len, (i+1) * len))
264 | bufs.push(buf)
265 |
266 | // create recorders
267 | const source = audioContext.createBufferSource();
268 | source.buffer = buf;
269 |
270 | const chunks = []
271 | all.push(new Promise(r => {
272 | const dest = audioContext.createMediaStreamDestination();
273 | const recorder = new MediaRecorder(dest.stream, {mimeType});
274 | source.connect(dest)
275 |
276 | recorder.start()
277 | // delay is needed to shift encodingblocks
278 | source.start(0)
279 |
280 | recorder.ondataavailable = (e) => {
281 | const blob = e.data
282 | if (blob.size) chunks.push(blob)
283 | }
284 | recorder.onstop = e => {
285 | r(chunks)
286 | }
287 | source.onended = e => {
288 | recorder.stop()
289 | }
290 | }))
291 | }
292 |
293 | const blobs = await Promise.all(all);
294 |
295 | // combine multiple recorders back
296 | let buf = await blobs[0][0].arrayBuffer()
297 | console.hex(buf)
298 |
299 | var blob = new Blob([...blobs[0]], { type : mimeType });
300 | let audio = document.createElement('audio')
301 | audio.src = URL.createObjectURL(blob);
302 | audio.play()
303 | }
304 |
305 |
306 | console.hex = (d) => console.log((Object(d).buffer instanceof ArrayBuffer ? new Uint8Array(d.buffer) :
307 | typeof d === 'string' ? (new TextEncoder('utf-8')).encode(d) :
308 | new Uint8ClampedArray(d)).reduce((p, c, i, a) => p + (i % 16 === 0 ? i.toString(16).padStart(6, 0) + ' ' : ' ') +
309 | c.toString(16).padStart(2, 0) + (i === a.length - 1 || i % 16 === 15 ?
310 | ' '.repeat((15 - i % 16) * 3) + Array.from(a).splice(i - i % 16, 16).reduce((r, v) =>
311 | r + (v > 31 && v < 127 || v > 159 ? String.fromCharCode(v) : '.'), ' ') + '\n' : ''), ''));
312 |
--------------------------------------------------------------------------------
/experiments/waveedit.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 | Audio textarea
5 |
6 |
7 |
8 |
78 |
79 |
86 |
87 |
88 |
89 |
90 |
91 |
94 |
95 |
319 |
320 |
--------------------------------------------------------------------------------
/src/wavearea.js:
--------------------------------------------------------------------------------
1 | // UI part of wavearea
2 | // handles user interactions and sends commands to worker
3 | // all the data is stored and processed in worker
4 | import sprae from 'sprae';
5 | import { fileToArrayBuffer } from './audio-util.js';
6 | import playClip from './play-loop.js';
7 | import { measureLatency } from './measure-latency.js';
8 | import { selection, cleanText } from './selection.js';
9 |
10 | history.scrollRestoration = 'manual'
11 |
12 |
13 | // refs
14 | const wavearea = document.querySelector('#wavearea')
15 | const editarea = wavearea.querySelector('#editarea')
16 | const timecodes = wavearea.querySelector('#timecodes')
17 | const playButton = wavearea.querySelector('#play')
18 | const waveform = wavearea.querySelector('#waveform')
19 | const caretLinePointer = wavearea.querySelector('#caret-line')
20 | const audio = new Audio
21 |
22 |
23 | // init backend - receives messages from worker with rendered audio & waveform
24 | const worker = new Worker('./dist/worker.js', { type: "module" });
25 | const audioCtx = new AudioContext()
26 |
27 |
28 | // UI
29 | let state = sprae(wavearea, {
30 | // mode
31 | loading: false,
32 | recording: false,
33 | playing: false,
34 | selecting: false,
35 | isMouseDown: false,
36 | scrolling: false,
37 |
38 | // current playback start/end time
39 | clipStart: 0,
40 | loop: false,
41 | clipEnd: null,
42 |
43 | // ???
44 | _startTime: 0,
45 | _startTimeOffset: 0,
46 |
47 | audio,
48 | volume: 1,
49 | latency: 0, // time between playback and the first sample
50 |
51 | // waveform segments
52 | segments: [],
53 | total: 0, // # segments
54 | duration: 0, // duration (received from backend)
55 |
56 | caretOffscreen: 0, // +1 if caret is below, -1 above viewport
57 | caretOffset: 0, // current caret offset, characters
58 | caretLine: 0, // caret line number
59 | caretY: waveform.getBoundingClientRect().top,
60 | caretX: 0, // caret row coordinate
61 |
62 | // chars per line (~5s with block==1024)
63 | cols: 216,
64 |
65 |
66 | // handle beforeinput event to process deletions & insertions
67 | async handleBeforeInput(e) {
68 | let handler = inputHandlers[e.inputType];
69 | if (!handler) {
70 | e.preventDefault();
71 | e.stopPropagation();
72 | // avoid double space insertion (osx)
73 | if (e.data === '. ') selection.set(state.caretOffset)
74 | } else {
75 | handler.call(this, e);
76 | }
77 | },
78 |
79 | // handle file drop
80 | async handleDrop(e) {
81 | let files = e.dataTransfer.files
82 | let file = files[0]
83 | if (!file.type.startsWith('audio')) return false;
84 | // FIXME: save file to storage under the name
85 |
86 | // recode into wav
87 | state.loading = true;
88 | state.segments = [];
89 |
90 | let arrayBuf = await fileToArrayBuffer(file);
91 | let audioBuf = await decodeAudio(arrayBuf);
92 | let wavBuffer = await encodeAudio(audioBuf);
93 | let blob = new Blob([wavBuffer], { type: 'audio/wav' });
94 | let url = URL.createObjectURL(blob);
95 | await applyOp(['src', url]);
96 |
97 | state.loading = false;
98 |
99 | return arrayBuf;
100 | },
101 |
102 | async handleFile(e) {
103 | // let url = URL.createObjectURL(e.target.files[0])
104 | // pushOp(['src', url])
105 | state.loading = 'Decoding'
106 | let file = e.target.files[0];
107 | let arrayBuf = await fileToArrayBuffer(file);
108 | let audioBuf = await audioCtx.decodeAudioData(arrayBuf);
109 | let channelData = Array.from({ length: audioBuf.numberOfChannels }, (i) => audioBuf.getChannelData(i))
110 |
111 | await pushOp(['file', {
112 | name: file.name,
113 | numberOfChannels: audioBuf.numberOfChannels,
114 | sampleRate: audioBuf.sampleRate,
115 | length: audioBuf.length,
116 | channelData
117 | }])
118 | state.loading = false
119 | },
120 |
121 | scrollIntoCaret() {
122 | if (state.caretOffscreen && !state.scrolling) {
123 | caretLinePointer.scrollIntoView({ behavior: 'smooth', block: 'center' })
124 | state.scrolling = true
125 | setTimeout(() => (state.scrolling = false), 108)
126 | }
127 | },
128 |
129 | // start playback
130 | play(e) {
131 | state.playing = true;
132 | state.scrolling = false;
133 | editarea.focus();
134 | console.log('play from', state.caretOffset);
135 |
136 | // from the end to the beginning
137 | if (state.caretOffset === state.total) selection.set(state.caretOffset = state.clipStart = 0)
138 |
139 | state.scrollIntoCaret();
140 |
141 | let { clipStart, clipEnd, loop } = state;
142 |
143 | const toggleStop = () => (playButton.click())
144 |
145 | // since audio.currentTime is inaccurate, esp. in Safari, we measure precise played time
146 | let animId
147 | state._startTime
148 | state._startTimeOffset = state.caretOffset
149 | const resetStartTime = async () => {
150 | await new Promise(ok => setTimeout(ok, state.latency)) // Safari needs visual/audio latency compensation
151 | state._startTime = performance.now() * 0.001;
152 | clearInterval(animId)
153 | animId = setInterval(syncCaret, 10.8)
154 | }
155 |
156 | // detect scrolling state, to prevent forcing scroll-into-caret
157 | let scrollY = editarea.getBoundingClientRect().top
158 | const checkScroll = () => {
159 | if (state.scrolling) return
160 | let curY = editarea.getBoundingClientRect().top
161 | if (curY !== scrollY) (state.scrolling = true, setTimeout(() => (state.scrolling = false, checkScroll()), 1080))
162 | else state.scrolling = false
163 | scrollY = curY
164 | }
165 |
166 | const syncCaret = () => {
167 | checkScroll()
168 | if (state.selecting) return
169 |
170 | let playedTime = (performance.now() * 0.001 - state._startTime);
171 | let currentBlock = Math.min(state._startTimeOffset + Math.round(state.total * playedTime / state.duration), state.total)
172 | if (loop) currentBlock = Math.min(currentBlock, clipEnd)
173 |
174 | // FIXME: optimize this chunk, just animate via CSS
175 | let sel = selection.set(state.caretOffset = currentBlock)
176 | state.caretLine = Math.floor(sel.end / state.cols);
177 | let rects = sel.range.getClientRects()
178 | let rect = rects[rects.length - 1]
179 | state.caretX = rect.right
180 |
181 | // FIXME
182 | state.scrollIntoCaret();
183 | }
184 |
185 | // audio takes time to init before play on mobile, so we hold on caret
186 | audio.addEventListener('play', resetStartTime, { once: true })
187 |
188 | // audio looped - reset caret
189 | if (state.loop) audio.addEventListener('seeked', resetStartTime)
190 |
191 | const stopAudio = playClip(audio, state.loop && {
192 | start: state.duration * state.clipStart / state.total,
193 | end: state.duration * state.clipEnd / state.total
194 | });
195 | // TODO: markLoopRange()
196 |
197 | audio.addEventListener('ended', toggleStop);
198 |
199 | return () => {
200 | audio.removeEventListener('seeked', resetStartTime)
201 | audio.removeEventListener('ended', toggleStop);
202 |
203 | clearInterval(animId)
204 | stopAudio();
205 | state.playing = false
206 | state.scrolling = false
207 |
208 | // return selection if there was any
209 | //TODO: unmarkLoopRange()
210 | if (state.loop) selection.set(clipStart, clipEnd)
211 |
212 | // adjust end caret position
213 | else if (audio.currentTime >= audio.duration) selection.set(state.total)
214 |
215 | editarea.focus()
216 | }
217 | },
218 |
219 | // navigate to history state
220 | async goto(params) {
221 | try {
222 | await renderAudio(params)
223 | }
224 | catch (e) {
225 | // failed to load audio means likely history is discontinuous:
226 | // try updating blob in history state by rebuilding audio
227 | await loadAudioFromURL()
228 | }
229 | selection.set(state.caretOffset)
230 | },
231 |
232 | // produce display time from frames
233 | timecode(block, ms = 0) {
234 | let time = ((block / state?.total)) * state?.duration || 0
235 | return `${Math.floor(time / 60).toFixed(0)}:${(Math.floor(time) % 60).toFixed(0).padStart(2, 0)}${ms ? `.${(time % 1).toFixed(ms).slice(2).padStart(ms)}` : ''}`
236 | },
237 |
238 | selection
239 | });
240 |
241 |
242 | const inputHandlers = {
243 | // insertText(){},
244 | // insertReplacementText(){},
245 | // insertLineBreak(){},
246 | // insertParagraph(){},
247 | insertFromDrop(e) {
248 | console.log('insert from drop', e)
249 | },
250 | // insertFromPaste(){},
251 | // insertLink(){},
252 | // deleteWordBackward(){},
253 | // deleteWordForward(){},
254 | // deleteSoftLineBackward(){},
255 | // deleteSoftLineForward(){},
256 | // deleteEntireSoftLine(){},
257 | // deleteHardLineBackward(){},
258 | // deleteHardLineForward(){},
259 | // deleteByDrag(){},
260 | // deleteByCut(){},
261 | // deleteContent(){},
262 | async deleteContentBackward(e) {
263 | let range = e.getTargetRanges()[0]
264 | let fromNode = range.startContainer.parentNode.closest('.segment'),
265 | toNode = range.endContainer.parentNode.closest('.segment'),
266 | fromId = Number(fromNode.dataset.id), toId = Number(toNode.dataset.id)
267 | let from = range.startOffset + state.segments.slice(0, fromId).reduce((off, seg) => off + seg.length, 0),
268 | to = range.endOffset + state.segments.slice(0, toId).reduce((off, seg) => off + seg.length, 0)
269 |
270 | // debounce push op to collect multiple deletes
271 | if (this._deleteTimeout) {
272 | clearTimeout(this._deleteTimeout)
273 | this._deleteOp[1]--
274 | }
275 | else this._deleteOp = ['del', from, to]
276 |
277 | const pushDeleteOp = () => {
278 | pushOp(this._deleteOp)
279 | this._deleteOp = this._deleteTimeout = null
280 | }
281 | this._deleteTimeout = setTimeout(pushDeleteOp, 280)
282 | },
283 | // deleteContentForward(){},
284 | // historyUndo(){},
285 | // historyRedo(){},
286 |
287 | }
288 |
289 | // measure safari latency
290 | const whatsLatency = async () => {
291 | wavearea.removeEventListener('touchstart', whatsLatency)
292 | wavearea.removeEventListener('mousedown', whatsLatency)
293 | wavearea.removeEventListener('keydown', whatsLatency)
294 | state.latency = await measureLatency()
295 | }
296 | wavearea.addEventListener('touchstart', whatsLatency)
297 | wavearea.addEventListener('mousedown', whatsLatency)
298 | wavearea.addEventListener('keydown', whatsLatency)
299 |
300 |
301 | // create play button position observer
302 | const caretObserver = new IntersectionObserver(([item]) => {
303 | state.caretOffscreen = item.isIntersecting ? 0 :
304 | (item.intersectionRect.top <= item.rootBounds.top ? 1 :
305 | item.intersectionRect.bottom >= item.rootBounds.bottom ? -1 :
306 | 0);
307 | }, {
308 | // root: document,
309 | threshold: 0.999,
310 | rootMargin: '0px'
311 | });
312 | caretObserver.observe(caretLinePointer);
313 |
314 |
315 | // create line width observer
316 | const resizeObserver = new ResizeObserver((entries) => {
317 | // let width = entries[0].contentRect.width
318 | state.cols = measureLines()
319 | })
320 | resizeObserver.observe(editarea);
321 |
322 | // inspired by https://www.bennadel.com/blog/4310-detecting-rendered-line-breaks-in-a-text-node-in-javascript.htm
323 | // measure number of characters per line
324 | function measureLines() {
325 | let range = new Range();
326 | let textNode = editarea.firstChild.firstChild
327 | if (!textNode?.textContent) return
328 | let str = textNode.textContent
329 |
330 | range.setStart(textNode, 0), range.setEnd(textNode, 1)
331 | let y = range.getClientRects()[0].y
332 | for (var i = 0, offset = 0; i < str.length; offset++) {
333 | let skip = 1; while (str[i + skip] >= '\u0300') skip++;
334 | range.setStart(textNode, 0), range.setEnd(textNode, i = i + skip);
335 | // 2nd line means we counted chars per line
336 | let rects = range.getClientRects()
337 | if (rects[rects.length - 1].y > y) return offset
338 | }
339 |
340 | return str.length
341 | }
342 |
343 | // update history, post operation & schedule update
344 | // NOTE: we imply that ops are applied once and not multiple times
345 | // so that ops can be combined as del=0-10..20-30 instead of del=0-10&del=20-30
346 | async function pushOp(...ops) {
347 | let url = new URL(location)
348 |
349 | for (let op of ops) {
350 | let [name, ...args] = op
351 | if (args[0].name) url.searchParams.set(name, args[0].name)
352 | else if (url.searchParams.has(name)) url.searchParams.set(name, `${url.searchParams.get(name)}..${args.join('-')}`)
353 | else url.searchParams.append(name, args.join('-'))
354 | }
355 | state.loading = 'Processing'
356 | let params = await runOp(...ops)
357 | history.pushState(params, '', decodeURI(url)); // decodeURI needed to avoid escaping `:`
358 | state.loading = false
359 |
360 | if (editarea.textContent) console.assert(params.segments.join('') === editarea.textContent, 'Rendered waveform is different from UI')
361 |
362 | return renderAudio(params)
363 | }
364 |
365 | // post op message and wait for update response
366 | function runOp(...ops) {
367 | return new Promise(resolve => {
368 | // worker manages history, so id indicates which point in history we commit changes to
369 | console.log('Post message', ops)
370 | worker.postMessage({ id: history.state?.id || 0, ops })
371 | worker.addEventListener('message', e => {
372 | resolve(e.data)
373 | }, { once: true })
374 | })
375 | }
376 |
377 | // update audio url & assert waveform
378 | function renderAudio({ url, segments, duration, offsets }) {
379 | // assert waveform same as current content (must be!)
380 | state.total = segments.reduce((total, seg) => total += cleanText(seg).length, 0);
381 | state.duration = duration
382 | state.segments = segments
383 | if (!state.cols) state.cols = measureLines()
384 | // URL.revokeObjectURL(audio.src) // can be persisted from history, so we keep it
385 | audio.src = url
386 | audio.preload = "metadata" // preload avoids redundant fetch requests and needed by Safari
387 | return new Promise((ok, nok) => {
388 | audio.addEventListener('error', nok)
389 | audio.addEventListener('loadedmetadata', () => {
390 | audio.currentTime = duration * state.caretOffset / state.total || 0
391 | }, { once: true });
392 | })
393 | }
394 |
395 | // reconstruct audio from url
396 | async function loadAudioFromURL(url = new URL(location)) {
397 | state.loading = ' '
398 |
399 | let ops = []
400 | for (const [op, arg] of url.searchParams) ops.push(...arg.split('..').map(arg => {
401 | // skip https:// as single argument
402 | return [op, ...(op === 'src' || op === 'file' ? [arg] : arg.split('-'))]
403 | }))
404 |
405 | // shortcut for src op
406 | if (ops[0][0] === 'src') {
407 | let [, src] = ops.shift()
408 | let resp = await fetch(src, { cache: 'force-cache' });
409 | let arrayBuf = await resp.arrayBuffer();
410 | state.loading = 'Decoding'
411 | let audioBuf = await audioCtx.decodeAudioData(arrayBuf);
412 | let channelData = Array.from({ length: audioBuf.numberOfChannels }, (i) => audioBuf.getChannelData(i))
413 | ops.push(['file', {
414 | name: src,
415 | numberOfChannels: audioBuf.numberOfChannels,
416 | sampleRate: audioBuf.sampleRate,
417 | length: audioBuf.length,
418 | channelData
419 | }])
420 | }
421 |
422 | let params = await runOp(...ops)
423 | history.replaceState(params, '', decodeURI(url))
424 | renderAudio(params)
425 | state.loading = false
426 | }
427 |
428 |
429 | // if URL has no operations - put random sample
430 | // if (location.search.length < 2) {
431 | // const sampleSources = [
432 | // // 'https://upload.wikimedia.org/wikipedia/commons/9/9c/Vivaldi_-_Magnificat_01_Magnificat.oga',
433 | // 'https://upload.wikimedia.org/wikipedia/commons/c/cf/Caja_de_m%C3%BAsica_%28PianoConcerto5_Beethoven%29.ogg',
434 | // // 'https://upload.wikimedia.org/wikipedia/commons/9/96/Carcassi_Op_60_No_1.ogg',
435 | // ]
436 | // let src = sampleSources[Math.floor(Math.random() * sampleSources.length)];
437 | // location.search = `?src=${src}`
438 | // }
439 | // history.replaceState({segments:[]}, '', '/')
440 |
441 | // apply operations from URL, like src=path/to/file&clip=from-to&br=a..b..c
442 | if (location.search.length) {
443 | loadAudioFromURL()
444 | }
445 |
--------------------------------------------------------------------------------
/dist/wavearea.js:
--------------------------------------------------------------------------------
1 | import{f as K}from"./chunk-ZZPGCUWV.js";import{b as Ae}from"./chunk-A576P2ZR.js";var N,m,$,F,j;function ee(e){N=e.signal,m=e.effect,j=e.computed,F=e.batch||(r=>r()),$=e.untracked||F}var T=Symbol("signals"),L=Symbol("length");function x(e,r){if(!e||e[T])return e;if(Array.isArray(e))return Ce(e);if(e.constructor!==Object)return e;let t={...r?.[T]},n=N(Object.values(e).length),s=new Proxy(t,{get:(a,o)=>o===L?n:o===T?t:t[o]?.valueOf(),set:(a,o,l,f)=>(f=t[o],V(t,o,l),f??++n.value,1),deleteProperty:(a,o)=>(t[o]&&(te(t,o),n.value--),1),ownKeys(){return n.value,Reflect.ownKeys(t)}});for(let a in e){let o=Object.getOwnPropertyDescriptor(e,a);o?.get?(t[a]=j(o.get.bind(s)))._set=o.set?.bind(s):(t[a]=void 0,V(t,a,e[a]))}return s}var Oe={push:1,pop:1,shift:1,unshift:1,splice:1};function Ce(e){let r;if(e[T])return e;let t=N(e.length),n=Array(e.length).fill(),s=new Proxy(n,{get(a,o){if(typeof o=="symbol")return o===L?t:o===T?n:n[o];if(o==="length")return Oe[r]?t.peek():t.value;if(r=o,n[o])return n[o].valueOf();if(o=t.peek()&&(t.value=n.length=Number(o)+1),!0},deleteProperty:(a,o)=>(n[o]&&te(n,o),1)});return s}function V(e,r,t){let n=e[r];if(r[0]==="_")e[r]=t;else if(!n)e[r]=n=t?.peek?t:N(x(t));else if(t!==n.peek())if(n._set)n._set(t);else if(Array.isArray(t)&&Array.isArray(n.peek())){let s=n.peek();s[L]?$(()=>{F(()=>{let a=0,o=t.length;for(;a{for(;n.length;)n.pop()();E.delete(e)},t;function s(a,o=a.parentNode){if(a.attributes)for(let l=0;l{if(t=ne[e=e.trim()])return t;try{t=se(e)}catch(n){X(n,r,e)}return ne[e]=t},X=(e,r,t="")=>{throw Object.assign(e,{message:`\u2234 ${e.message}
2 |
3 | ${r}${t?`="${t}"
4 |
5 | `:""}`,expr:t})},se;y.use=e=>{e.signal&&ee(e),e.compile&&(se=e.compile)};var Z={};Ae(Z,{batch:()=>Se,computed:()=>xe,effect:()=>ie,signal:()=>ae,untracked:()=>Te});var _,R,ae=(e,r,t=new Set)=>(r={get value(){return _?.deps.push(t.add(_)),e},set value(n){if(n!==e){e=n;for(let s of t)R?R.add(s):s()}},peek(){return e}},r.toJSON=r.then=r.toString=r.valueOf=()=>r.value,r),ie=(e,r,t,n)=>(t=s=>{r?.call?.(),s=_,_=t;try{r=e()}finally{_=s}},n=t.deps=[],t(),s=>{for(r?.call?.();s=n.pop();)s.delete(t)}),xe=(e,r=ae(),t,n)=>(t={get value(){return n||=ie(()=>r.value=e()),r.value},peek:r.peek},t.toJSON=t.then=t.toString=t.valueOf=()=>t.value,t),Se=e=>{let r=R;r||(R=new Set);try{e()}finally{if(!r){r=R,R=null;for(let t of r)t()}}},Te=(e,r,t)=>(r=_,_=null,t=e(),_=r,t);var q=Symbol(":each");d.each=(e,[r,t,n],s)=>{let a=e[q]=document.createTextNode("");e.replaceWith(a);let o,l,f=0,p=j(()=>{l=null;let c=n(s);return typeof c=="number"&&(c=Array.from({length:c},(v,C)=>C+1)),c?.constructor===Object&&(l=Object.keys(c),c=Object.values(c)),c||[]}),g=()=>{$(()=>{let c=0,v=p.value,C=v.length;if(o&&!o[L]){for(let A of o[T]||[])A[Symbol.dispose]();o=null,f=0}if(CW.remove())}}:D;a.before(D),y(P,J),((o[T]||=[])[c]||={})[Symbol.dispose]=()=>{P[Symbol.dispose](),P.remove()}}}f=C})},u=0;return m(()=>{p.value[L]?.value,u?u++:(g(),queueMicrotask(()=>(u&&g(),u=0)))})};d.each.parse=(e,r)=>{let[t,n]=e.split(/\s+in\s+/),[s,a="$"]=t.split(/\s*,\s*/);return[s,a,r(n)]};var le=Symbol("if");d.if=(e,r,t)=>{let n=e.parentNode,s=e.nextElementSibling,a=document.createTextNode(""),o,l,f,p=[];return e.after(a),e.content?(o=p,e.remove(),l=[...e.content.childNodes]):l=o=[e],s?.hasAttribute(":else")?(s.removeAttribute(":else"),s.hasAttribute(":if")?f=p:(s.remove(),f=s.content?[...s.content.childNodes]:[s])):f=p,m(()=>{let g=r(t)?l:e[le]?p:f;if(s&&(s[le]=g===l),o!=g){o[0]?.[q]&&(o=[o[0][q]]);for(let u of o)u.remove();o=g;for(let u of o)n.insertBefore(u,a),y(u,t)}})};d.default=(e,r,t,n)=>{if(!n.startsWith("on"))return m(()=>{let u=r(t);if(n)Q(e,n,S(u,t));else for(let c in u)Q(e,Le(c),S(u[c],t))});let s=n.split("..").map(u=>{let c={evt:"",target:e,test:()=>!0};return c.evt=(u.startsWith("on")?u.slice(2):u).replace(/\.(\w+)?-?([-\w]+)?/g,(v,C,A="")=>(c.test=_e[C]?.(c,...A.split("-"))||c.test,"")),c});if(s.length==1)return m(()=>g(r(t),s[0]));let a,o,l,f=0,p=u=>{l=g(c=>(l(),o=u?.(c),(f=++f%s.length)?p(o):a&&p(a)),s[f])};return m(()=>(a=r(t),!l&&p(a),()=>a=null));function g(u,{evt:c,target:v,test:C,defer:A,stop:J,prevent:D,immediate:P,...W}){A&&(u=A(u));let z=M=>{try{C(M)&&(J&&(P?M.stopImmediatePropagation():M.stopPropagation()),D&&M.preventDefault(),u?.(M))}catch(be){X(be,`:on${c}`,u)}};return v.addEventListener(c,z,W),()=>v.removeEventListener(c,z,W)}};var _e={prevent(e){e.prevent=!0},stop(e){e.stop=!0},immediate(e){e.immediate=!0},once(e){e.once=!0},passive(e){e.passive=!0},capture(e){e.capture=!0},window(e){e.target=window},document(e){e.target=document},throttle(e,r){e.defer=t=>ke(t,r?Number(r)||0:108)},debounce(e,r){e.defer=t=>Ne(t,r?Number(r)||0:108)},outside:e=>r=>{let t=e.target;return!(t.contains(r.target)||r.target.isConnected===!1||t.offsetWidth<1&&t.offsetHeight<1)},self:e=>r=>r.target===e.target,ctrl:(e,...r)=>t=>h.ctrl(t)&&r.every(n=>h[n]?h[n](t):t.key===n),shift:(e,...r)=>t=>h.shift(t)&&r.every(n=>h[n]?h[n](t):t.key===n),alt:(e,...r)=>t=>h.alt(t)&&r.every(n=>h[n]?h[n](t):t.key===n),meta:(e,...r)=>t=>h.meta(t)&&r.every(n=>h[n]?h[n](t):t.key===n),arrow:()=>h.arrow,enter:()=>h.enter,esc:()=>h.esc,tab:()=>h.tab,space:()=>h.space,delete:()=>h.delete,digit:()=>h.digit,letter:()=>h.letter,char:()=>h.char},h={ctrl:e=>e.ctrlKey||e.key==="Control"||e.key==="Ctrl",shift:e=>e.shiftKey||e.key==="Shift",alt:e=>e.altKey||e.key==="Alt",meta:e=>e.metaKey||e.key==="Meta"||e.key==="Command",arrow:e=>e.key.startsWith("Arrow"),enter:e=>e.key==="Enter",esc:e=>e.key.startsWith("Esc"),tab:e=>e.key==="Tab",space:e=>e.key==="\xA0"||e.key==="Space"||e.key===" ",delete:e=>e.key==="Delete"||e.key==="Backspace",digit:e=>/^\d$/.test(e.key),letter:e=>/^\p{L}$/gu.test(e.key),char:e=>/^\S$/.test(e.key)},Q=(e,r,t)=>{t==null||t===!1?e.removeAttribute(r):e.setAttribute(r,t===!0?"":typeof t=="number"||typeof t=="string"?t:"")},ke=(e,r)=>{let t,n,s=a=>{t=!0,setTimeout(()=>{if(t=!1,n)return n=!1,s(a),e(a)},r)};return a=>t?n=!0:(s(a),e(a))},Ne=(e,r)=>{let t;return n=>{clearTimeout(t),t=setTimeout(()=>{t=null,e(n)},r)}},Le=e=>e.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,r=>"-"+r.toLowerCase()),S=(e,r)=>e?.replace?e.replace(/\$<([^>]+)>/g,(t,n)=>r[n]??""):e;d.ref=(e,r,t)=>{t[S(r,t)]=e};d.ref.parse=e=>e;d.with=(e,r,t)=>{let n;return m(()=>{let s=r(t);y(e,n?s:n=x(s,t))})};d.html=(e,r,t)=>{let n=r(t);if(!n)return;let s=(n.content||n).cloneNode(!0);e.replaceChildren(s),y(e,t)};d.text=(e,r,t)=>(e.content&&e.replaceWith(e=document.createTextNode("")),m(()=>{let n=r(t);e.textContent=n??""}));d.class=(e,r,t)=>{let n=new Set;return m(()=>{let s=r(t),a=new Set;s&&(typeof s=="string"?S(s,t).split(" ").map(o=>a.add(o)):Array.isArray(s)?s.map(o=>(o=S(o,t))&&a.add(o)):Object.entries(s).map(([o,l])=>l&&a.add(o)));for(let o of n)a.has(o)?a.delete(o):e.classList.remove(o);for(let o of n=a)e.classList.add(o)})};d.style=(e,r,t)=>{let n=e.getAttribute("style")||"";return n.endsWith(";")||(n+="; "),m(()=>{let s=r(t);if(typeof s=="string")e.setAttribute("style",n+S(s,t));else{e.setAttribute("style",n);for(let a in s)e.style.setProperty(a,S(s[a],t))}})};d.value=(e,r,t)=>{let n,s,a=e.type==="text"||e.type===""?o=>e.setAttribute("value",e.value=o??""):e.tagName==="TEXTAREA"||e.type==="text"||e.type===""?o=>(n=e.selectionStart,s=e.selectionEnd,e.setAttribute("value",e.value=o??""),n&&e.setSelectionRange(n,s)):e.type==="checkbox"?o=>(e.checked=o,Q(e,"checked",o)):e.type==="select-one"?o=>{for(let l in e.options)l.removeAttribute("selected");e.value=o,e.selectedOptions[0]?.setAttribute("selected","")}:o=>e.value=o;return m(()=>a(r(t)))};d.fx=(e,r,t)=>m(()=>r(t));y.use(Z);y.use({compile:e=>y.constructor("__scope",`with (__scope) { return ${e} };`)});var ce=y;function G(e,r){if(!r)return e.play(),()=>e.pause();r.start||=0,e.currentTime=r.start;let t=()=>{if(e.readyState===0)return;let l=e.preload==="auto";l&&(e.preload="none"),e.currentTime<0&&(e.currentTime=0),e.currentTime>r.end&&(e.currentTime=r.end),l&&(e.preload="auto")},n,s=()=>{if(clearInterval(n),e.currentTime>=r.end){if(e.loop){e.currentTime=r.start;return}e.pause(),e.dispatchEvent(new Event("ended"));return}e.currentTime+.2>r.end&&(n=setInterval(s,10))},a=()=>{e.currentTime>=r.end&&(e.currentTime=r.start)};e.addEventListener("durationchange",t),e.addEventListener("seeking",t),e.addEventListener("timeupdate",s);let o=setInterval(s,50);return e.addEventListener("playing",a),e.play(),()=>{e.removeEventListener("durationchange",t),e.removeEventListener("seeking",t),e.removeEventListener("timeupdate",s),e.removeEventListener("playing",a),clearInterval(o),clearInterval(n),e.pause()}}var I=new Audio("data:audio/wav;base64,UklGRmgAAABXQVZFZm10IBAAAAABAAEAgLsAAAB3AQACABAAZGF0YQIAAABpNUxJU1Q6AAAASU5GT0lTRlQUAAAAcHJvYmUuYXVkaW90b29sLmNvbQBJQ1JEEQAAADIwMjMtMDMtMDIgMDctNDQAAA==");I.preload="metadata";I.load();I.volume=0;async function fe(){return new Promise(e=>{I.play();let r;I.onplaying=()=>r=performance.now(),I.onended=()=>{e(performance.now()-r)}})}var k={get(){let e=window.getSelection();if(!e.anchorNode||!e.anchorNode.parentNode.closest(".w-editarea"))return;let r=Y(e.anchorNode,e.anchorOffset),t=Y(e.focusNode,e.focusOffset),n=e.anchorNode.parentNode.closest(".w-segment"),s=e.anchorOffset,a=e.focusNode.parentNode.closest(".w-segment"),o=e.focusOffset;return r>t&&([t,a,o,r,n,s]=[r,n,s,t,a,o]),{start:r,startNode:n,startNodeOffset:s,end:t,endNode:a,endNodeOffset:o,collapsed:e.isCollapsed,range:e.getRangeAt(0)}},set(e,r){let t=window.getSelection();Array.isArray(e)&&(e=Y(...e)),Array.isArray(r)&&(r=Y(...r)),e=Math.max(0,e),r==null&&(r=e);let n=document.querySelector(".w-editarea"),[s,a]=ue(n,e),[o,l]=ue(n,r),f=t.getRangeAt(0);if(!(f.startContainer===s.firstChild&&f.startOffset===a)&&!(f.endContainer===o.firstChild&&f.endOffset===l)){t.removeAllRanges();let p=new Range;p.setStart(s.firstChild,a),p.setEnd(o.firstChild,l),t.addRange(p)}return{start:e,startNode:s,end:r,endNode:o,startNodeOffset:a,endNodeOffset:l,collapsed:t.isCollapsed,range:t.getRangeAt(0)}}};function Y(e,r){let t=e.parentNode.closest(".w-segment"),n=U(t.textContent.slice(0,r)).length;for(;t=t.previousSibling;)n+=U(t.textContent).length;return n}function ue(e,r){let t=e.firstChild,n;for(;r>(n=U(t.textContent).length);)r-=n,t=t.nextSibling;let s=0;for(let a=t.textContent,o=0;o="\u0300";)s++;return[t,r+s]}function U(e){return e.replace(/\u0300|\u0301/g,"")}history.scrollRestoration="manual";var b=document.querySelector(".wavearea"),O=b.querySelector(".w-editarea"),de=b.querySelector(".w-timecodes"),Ee=b.querySelector(".w-play"),Re=b.querySelector(".w-waveform"),me=b.querySelector(".w-caret-line"),w=new Audio,pe=new Worker("./dist/worker.js",{type:"module"}),he=new AudioContext,i=ce(b,{raf:e=>window.requestAnimationFrame(e),loading:!1,recording:!1,playing:!1,selecting:!1,isMouseDown:!1,scrolling:!1,clipStart:0,loop:!1,clipEnd:null,_startTime:0,_startTimeOffset:0,volume:1,latency:0,segments:[],total:0,duration:0,caretOffscreen:0,caretOffset:0,caretY:Re.getBoundingClientRect().top,caretX:0,cols:216,async handleCaret(){let e=k.get();!e||e.start===i.caretOffset&&e.collapsed||(i.caretOffset=e.start,i.updateCaretLine(e),i.clipStart=i.caretOffset,i.playing?(i._startTime=(performance.now()+i.latency)*.001,i._startTimeOffset=i.caretOffset):(i.clipEnd=e.collapsed?i.total:e.end,i.loop=w.loop=!e.collapsed),w.currentTime=i.duration*i.caretOffset/i.total)},async handleBeforeInput(e){let r=Ie[e.inputType];r?r.call(this,e):(e.preventDefault(),e.stopPropagation(),e.data===". "&&k.set(i.caretOffset))},async handleDrop(e){let t=e.dataTransfer.files[0];if(!t.type.startsWith("audio"))return!1;i.loading=!0,i.segments=[];let n=await K(t),s=await decodeAudio(n),a=await encodeAudio(s),o=new Blob([a],{type:"audio/wav"}),l=URL.createObjectURL(o);return await applyOp(["src",l]),i.loading=!1,n},async handleFile(e){i.loading="Decoding";let r=e.target.files[0],t=await K(r),n=await he.decodeAudioData(t),s=Array.from({length:n.numberOfChannels},a=>n.getChannelData(a));await ye(["file",{name:r.name,numberOfChannels:n.numberOfChannels,sampleRate:n.sampleRate,length:n.length,channelData:s}]),i.loading=!1},scrollIntoCaret(){i.caretOffscreen&&!i.scrolling&&(me.scrollIntoView({behavior:"smooth",block:"center"}),i.scrolling=!0,setTimeout(()=>i.scrolling=!1,108))},play(e){i.playing=!0,i.scrolling=!1,O.focus(),i.caretOffset===i.total&&k.set(i.caretOffset=i.clipStart=0),i.scrollIntoCaret();let{clipStart:r,clipEnd:t,loop:n}=i,s=()=>Ee.click(),a;i._startTime,i._startTimeOffset=i.caretOffset;let o=async()=>{await new Promise(u=>setTimeout(u,i.latency)),i._startTime=performance.now()*.001,clearInterval(a),a=setInterval(p,10.8)},l=O.getBoundingClientRect().top,f=()=>{if(i.scrolling)return;let u=O.getBoundingClientRect().top;u!==l?(i.scrolling=!0,setTimeout(()=>(i.scrolling=!1,f()),1080)):i.scrolling=!1,l=u},p=()=>{if(f(),i.selecting)return;let u=performance.now()*.001-i._startTime,c=Math.min(i._startTimeOffset+Math.round(i.total*u/i.duration),i.total);n&&(c=Math.min(c,t));let v=k.set(i.caretOffset=c);i.updateCaretLine(v),i.scrollIntoCaret()};w.addEventListener("play",o,{once:!0}),i.loop&&w.addEventListener("seeked",o);let g=G(w,i.loop&&{start:i.duration*i.clipStart/i.total,end:i.duration*i.clipEnd/i.total});return w.addEventListener("ended",s),()=>{w.removeEventListener("seeked",o),w.removeEventListener("ended",s),clearInterval(a),g(),i.playing=!1,i.scrolling=!1,i.loop?k.set(r,t):w.currentTime>=w.duration&&k.set(i.total),O.focus()}},async goto(e){try{await H(e)}catch{await ve()}k.set(i.caretOffset)},updateCaretLine(e){let r=e.range.getClientRects(),t=r[r.length-1];i.caretX=t.right,i.caretY=t.top},updateTimecodes(){if(de.replaceChildren(),!O.textContent)return;let e=0;for(let r of O.children){let t=new Range;t.selectNodeContents(O);let n=Math.round(t.getBoundingClientRect().height/t.getClientRects()[1].height);for(let s=0;sp+g.length,0),l=r.endOffset+i.segments.slice(0,a).reduce((p,g)=>p+g.length,0);this._deleteTimeout?(clearTimeout(this._deleteTimeout),this._deleteOp[1]--):this._deleteOp=["del",o,l];let f=()=>{ye(this._deleteOp),this._deleteOp=this._deleteTimeout=null};this._deleteTimeout=setTimeout(f,280)}},B=async()=>{b.removeEventListener("touchstart",B),b.removeEventListener("mousedown",B),b.removeEventListener("keydown",B),i.latency=await fe()};b.addEventListener("touchstart",B);b.addEventListener("mousedown",B);b.addEventListener("keydown",B);var Be=new IntersectionObserver(([e])=>{i.caretOffscreen=e.isIntersecting?0:e.intersectionRect.top<=e.rootBounds.top?1:e.intersectionRect.bottom>=e.rootBounds.bottom?-1:0},{threshold:.999,rootMargin:"0px"});Be.observe(me);var De=new ResizeObserver(e=>{i.cols=ge(),i.updateTimecodes()});De.observe(O);function ge(){let e=new Range,r=O.firstChild.firstChild;if(!r?.textContent)return;let t=r.textContent;e.setStart(r,0),e.setEnd(r,1);let n=e.getClientRects()[0].y;for(var s=0,a=0;s="\u0300";)o++;e.setStart(r,0),e.setEnd(r,s=s+o);let l=e.getClientRects();if(l[l.length-1].y>n)return a}return t.length}async function ye(...e){let r=new URL(location);for(let n of e){let[s,...a]=n;a[0].name?r.searchParams.set(s,a[0].name):r.searchParams.has(s)?r.searchParams.set(s,`${r.searchParams.get(s)}..${a.join("-")}`):r.searchParams.append(s,a.join("-"))}i.loading="Processing";let t=await we(...e);return history.pushState(t,"",decodeURI(r)),i.loading=!1,O.textContent&&console.assert(t.segments.join("")===O.textContent,"Rendered waveform is different from UI"),H(t)}function we(...e){return new Promise(r=>{pe.postMessage({id:history.state?.id||0,ops:e}),pe.addEventListener("message",t=>{r(t.data)},{once:!0})})}function H({url:e,segments:r,duration:t,offsets:n}){return i.total=r.reduce((s,a)=>s+=U(a).length,0),i.duration=t,i.segments=r,i.cols||(i.cols=ge()),i.updateTimecodes(),w.src=e,w.preload="metadata",new Promise((s,a)=>{w.addEventListener("error",a),w.addEventListener("loadedmetadata",()=>{w.currentTime=t*i.caretOffset/i.total||0},{once:!0})})}async function ve(e=new URL(location)){i.loading=" ";let r=[];for(let[n,s]of e.searchParams)r.push(...s.split("..").map(a=>[n,...n==="src"||n==="file"?[a]:a.split("-")]));if(r[0][0]==="src"){let[,n]=r.shift(),a=await(await fetch(n,{cache:"force-cache"})).arrayBuffer();i.loading="Decoding";let o=await he.decodeAudioData(a),l=Array.from({length:o.numberOfChannels},f=>o.getChannelData(f));r.push(["file",{name:n,numberOfChannels:o.numberOfChannels,sampleRate:o.sampleRate,length:o.length,channelData:l}])}let t=await we(...r);history.replaceState(t,"",decodeURI(e)),H(t),i.loading=!1}location.search.length&&ve();
6 | //# sourceMappingURL=wavearea.js.map
7 |
--------------------------------------------------------------------------------
/dist/flac-ZGCWAMZE.js:
--------------------------------------------------------------------------------
1 | import{a as v}from"./chunk-6T6HPD5B.js";import{a as P,b as Y,c as x}from"./chunk-SCMJQOGN.js";import"./chunk-A576P2ZR.js";function u(a){var t=t;function o(e){console.log(e)}function h(e){console.error(e)}function m(){}t={};function _(e){throw e}for(var i=new Uint8Array(123),c=25;c>=0;--c)i[48+c]=52+c,i[65+c]=c,i[97+c]=26+c;i[43]=62,i[47]=63;function p(e){for(var r,s,n=0,d=0,y=e.length,S=new Uint8Array((y*3>>2)-(e[y-2]=="=")-(e[y-1]=="="));n>4,S[d+1]=r<<4|s>>2,S[d+2]=s<<6|i[e.charCodeAt(n+3)];return S}u.wasm||Object.defineProperty(u,"wasm",{get:()=>String.raw`dynEncode00d9
/ qõ¤æo-®Çr_¾.¥ò>?= ´Z^¨E¨_lLKÓ½Lgº½ï4É
2 | xø#~ÊQÊz~+âWÖÞ,ɲ^úÙ¹@¸Ëò°ÈÐúWØòhð6þr§·Ç¼FîC"Ó àr$¼Aé_µåªÝ âWïä'xÜkÈÀ¼ÐäYËÖû½GÐ%¡ÜS»¢üj(µÛ ÚýÀyla%H;w »ë*û1¬XÑî2n¼pÒ¤ÉOÕã}Ñ.qßO9äÊëÅBN}dé¡sÐÅW´x ÀªÐBoÂix>å©üÁ9úßQôÆÞnH6Áøïv±véáÖ÷¿[Zö,üâJ
3 | ìî>Æ´i³âG*>$Æ3 6=}Pzaò ýÌz¨ÇKieZh&-
4 | äÔdfn@ã¥vßy §ËCñCq@aqs÷FÂ;¹ò@Ûa¦õ£Y») B þc=M]r,
5 | # ³òúÚy Y»«Ê[,¤=}ÙÜäo¤^¹ Z¾Àæä"Y#n?õ¼ÇpKïQ¸ ^s®õÃ2|ûKb±kDæñB©Òl »]"xúð_nS8âack'Æ# lü9å´´¡°¡ûË÷¾* Ï¡dlHà ¯9æ\l½³Y¬åy»C*°9ô\"L·u<«)*
6 | «#°;c
_Éûuc¶¾YÃípDEàEº"A15@'N:5mB¯2«2m²¸Zåx;ÒXE{6Éd ×qîébÖ:ª< [®¯â
8ªUQÑèyظÇ9yÔÖÈÇN)íÏmÍÂü y@]?àgN#VÞ¶!Tú0o(%R¦y=M\¯å¶Ö:vv½ÎY?u6¬ø/ò¶?»Í',lÃ;T¡[6 ¯l~϶eªïäF-çð*\Ö8¼u=}*¬®]Y& uÆ ø#4¤òìPXÍö:% 0²W°\&0u ^ö~°ÇNÛJ^HX"×Ñd6áØÜ Å¢þF¤Ò: Bc&A }ñKÖU¤[vÃ+ ¢Рc9Äê2º1
7 | c_N_Þ!ä ÞÔ»x]S®1ýiZì¹|ù ìñµ
8 | r}¤Æßµ»qr|8GP;øêgñ³¹¿C.ð ¢j|æþ©¥§û{,G$sµ Äåö _g|ÿq&Mõ_FòC| FKyÞð ÀD°ãígRÎÅl²W±Ä &mÿKì3ubþ ¼?'åÌ'qn¢þX héü,¼ín|A4é=} Â=M_cÍuª öåÛ¼ï ÐË~:6-} =}K# ]x\NÙ:yõÊYBÊ¡©Éñ üur/ãbFê/&ôîs&tŪ}BµüF@hOsÏ÷¦PÎÁ6 È Æ ÓiBÔS¨hÐÁ¼«²EvbbÖ|k"ÒãÍñ
9 | ¹ôÊÜÆ5bKø4 tg4BV<ÿ|_r| d|¿M¸
;AmAÊS±Úc Í9ÆY)ã[vK°Øab§w*Ĺö,TÄø ÃÏk²ëbSäç!0¯' ÷?Q y³MA¤+8å$$¨>L;ô6u@
10 | 5ç$¸ÜîæS÷ ZÎ*~»,;%ã{tv"%ã® Å âRrAàüź#ÖoÊþ
$ :Í#:^]m¦'BQóªæ¡O#Ï3·tê0©PC´«ÅãwJî¨Wò¨×÷¨#²¤KN=MºYÿÅ[IêK\7Îç Æànß0
q>,ʦ eÄqcQ48¥CÔ~¥ ηRS gϼ"LTgÏ"Æ u@I üä&Ѻ(ØÏDC O^¬p± äþ¢JñåörÒ±t³»TbWöÁIrrrrrrgorrRq*k¬rÍMã_íÄÔÎ$|ó°1) e nå %¢aWºnQáç_¹¹g ëØ$K>âåùáZ ¾kÒä4ÿÝÝÝÝ¿u«E±n»8«-±)] ¹ú¢©»ý½¤ÊHëß,¼w¨öù>ßÛåB÷ì¢ /xéã¢
Sô2Qamn_Å«YåkY¼83'v F6ÝñÌ)ü@}nju«!d¢ªÃÈÈöPU½µqÌR<¡Ï£Ò²£jõuÕI°×¼W;§6xJ =M}ÿ¬§ãAä)1A¶ h6 µ|Á¤c. ! ÞDnm=MBÂ3>¥<Õÿ^/µÅ ó æ3¥pÈâ¾+r'%¨§6 vK½E²Zg¹ûå3Ã\b gàn X]]ÃZ¼rB
12 | Ôrþûg¦KÚgA«ª.K0Îá Ë5´@9~Ê5ÄÅ(Iâ: ÕàwáPo)¤bÆì÷s]¼³PÜhF6¶Ì-ð >7ÂÃQî¿dÚTG§½¬]p ¼0ÉÉ×ÂÔKZº"TS
13 | ´$üúÎ
Xx°Êÿ÷4 +RI >XxƱ¤Ä£4WRÇØ÷5Wül dIe¥ñ«$÷S@°/p0¤H6VA)u=M. ØÏÎÑ|9')ÐélLÏejbÉùU ìQ9Ô+IÃEÙ\Káuvü° <+ç+)Y:"ÐW@0ãN©ÌÔEäm7ôR] Dz8¸7wõVy¼ðxâÑ
14 | P8ÑS½à¯ï3Aóz~3ÁsVplW¥¨6¶ÈUä6W&|)©×JÔ×ϱ¡aÁ abpo1ý5}ÔN_MXãgHUOp¿ß-üȯ¨ÆÈÆW¸ÍtÂrÐTТ¯3¼y¶òí:¦öÍFýÛ$19Z^¶Íôõ¦h düÂ&É?9l¡ù ãguá=Mqê/[Ücñí4â[á;Ùä%[;m=}niúÊ(§P'¶Ã´Tw?0«³óÍG.vÓÀ,'.ñ¥Õ§·Îçâ,ô××+9ÝåÛ²Xe.ÈûrîV³:Ý|{àlo ·ÇîOÐcPÐÖrnOG;<@ |Ïy }©ßëu ¥ý±Z ;*N
15 | àY mÖÜXvoF0b2[³Mcæÿ³ô%
16 | +·9{f¨FåsEåÓô._±ñM<<©=}<Ù-ܳ±ñ=MÆ¡±ñS±lÄ9 *'d dýqKY3 qÍ9Û+ð ÀéJìm
17 | -3}õZ\v.L,jê,j(©W>¿"ÎwzmG}hüu @]L?îÀÅ »uÎuÌo-áö[V«*[HóÕ×ìt ã*Nãç×88~7l(oWH)2Æ+d2±áx?mcëj¹Ì!Ú¥¼÷²[bäó;ÅåÏÂhñ4üÅ]éÝÔVl Ï®Xz§®jÄTZ±/( 1$Ô±1.ø.ÂDe= kyaGcÁGêH½ÛìªÐ Í®m¿ö >>(¥¥§êßP@×a&#£Á*©äÎE¨ ÐBJ-Ë®jÅÉñQ M(EÁª< #ÇiE^dÝ u=}µ ù ,øOf¢Ñ6ÂòºZõz?RT¸·F.F®êe·"v Oм¨Êcmá'eë$Y"áòß0A+òÿ Vâ?Vºe¥¹õÄúZf0cPØhO¯½VÍÿ4 f®
18 | ÅÄ ÃQÌ^#-0zkv²F½kvâË[ ªÞRh¶\R$ÑT¯òlpî=
19 | !Õl¾(êöÅÄ0sFÕHC>ÏÖßlW0.ïnÏÔI6Ô:Evaìí¨táÌzËd»?WqËÎïhû1}lç ú$ n_¹TUqM¬u.iy
ÃÖ³PÊõ|&ìoóʱ2uWè|ïâA|xÒ\kpn«Ô¹ëa(µ^¢ó *ïãßöU£,Ræj)"B]p@çîs ^=}µ7ÝøÌø !" C(ECy9ÌOÜ 2mÖFùÿ6 LÍpÙ5 ÔBi÷<±iñÜl ù¨=M¿«ÆgTª ü ;\ ´£×d*ÊWVÌuðÑüe£t1Îüh9 eRdd§yO,Ýx*ú@q;õëÌôjÃÛK£øqlÏÄôØÜj¶@þeÌú¹¨9ú=}i¥!1¦b~[®Ï1tI¯Ð3 /U}ìpÝú× H=}iç)_¡¤#Æåy[>#« * {^ !\é2an0ý5j)}!H-3íâöíâ®ëcíây¤ K?~ó ÛqaûÚå IM 3¢úò U À?Ó4ÀQ¿=}©0ï VbY¥!¡!\o<ïÖc¨Ñ; ²/pB㥣ñ_î9í= Ìb ©Ç>u/©£ Æ){¡â.hBÄ?L SA¯ µ§òGbºOÞFIÉ ¦7µ¥¿?ñæ?¥ë<:Ð,«/8|yc>§e9;ù=}È3®Ì|¶{tþñÝh«1lk¤u£5´oÑà£B1¤éÚgUIÏ¥â&9/Õðä* ´ò^? ¤¿ÓV_8·±½TsÚ´§eÔ*Ù ú
20 | ¯ú®xU½{¸ hL*ë }î_Øi¹ws6ÚÐôãS%
8²ºR×zLF=Mn¬Ê[q¿²]VN= =}2Ï=MØý¦ Îâ ?½÷±DÂzä [ºÎ¶vr¬©Â«Ù©lH,Ò£ç®EãÞùWnt CÄg$é} 5&%pO?Ð ªb¹éËÞÌ;èuêz
21 | :ñ©Ûìa¥%a h +´ÂØPØ̸ØÐXÍØ
ëPÓÈØ·$Ö(×°ØÑ|ü"ÒÛ'wH+è ´ÖÐspX u,Ø#{Óý&& ÓKã= 2íÕKs[qò±<iÓåý_^ËÏ3VR5!b ´k~ÞXâêvÎ×.n¶¨*¦uįÐ>çÚ£ ¯Ë½(£!Á£cø5.¾\ËõÛ,>Vã,</#Æ¿TLN8¼éy$ã°= 4.ׯçúpUU.nhUDNn¸½éy$.£ 4.WKXz£õÛM7>Å»ecÓËlYdw3Ø { Ñ8©XßÊñÃLsyt>3l7Ã6+ÍB §ËYj(ÒB: <ËÔ êñE5xÅ2!ñ)³Ù\¨,ÜÏrciRMáæ¼ 4¼ ,3'[[hd%ìqoÁ¿;ª¨#¬Ñ±ñÛ / ÖÞeCϤ[4*véfpZsQ94!9yC×6ÐÉò+7¾IÅdÞ°(Å Å ¡;Á®¯~ð
ñnV±ÃnÁèbä¹aJVy0 >ÇÓ}JªCÁ/íò_û/Ï6_"íÔºÓ§S¦t¾jÛ,p³FgfÉc¯y×P,ØÝ« Ñ=M?µ@Gfì'° P½ei"SGfkô°)î°Ðæ}m= s!
_1ÃÁ¢údíw¥c[§ÄüniuLTg×7ùcj ~= Ñ_¸ WùO ¡7iöj$Öwà"1gC/;´m¯Êu«=MDéûzPRæ=}üOgxóæFGÅÓYDG|1 "´?EÜß2, ö®ã;Pj×ks÷ó¨·÷6[¿Óñà-Ä<ù³ËG@¿ ° §&Ï#eé = öà= p£|mµèìòßùÑü$ØX|ÃpõÄÐ)T¨êÀ!C]PÑ ÒK1ø hÉ·KÙ²#°ª _ôuÿ^dÓp£uCÿ«:È0>Gaúqú
22 | ·>[]%"B \Ê;0*@£TQ/>T¯L²þpxL¥úéäóß-ÄÒ\ýÜx*ì@þT½õøm 5Råè¥ELè÷Yâ¾lÖM»ãpãøaìÉrKl!½Y¾ê,ðQÖáëÿèÎL.aKX¬á¶¼N Å"Þª,*OíÇ pOB:j Ñý> ò üºéÇeò)%Î)åAi
ɥܼö
23 | Û{¡Ï2*TEñà&ÏvFÏÏy§L¡J-d×cGõ Ú? ëÑæk%·\JÄ=Ml!Õéüà éK/ªà;3Â>0S7Ã×LSí a :Y* ¸Ì×u¦Oï¨ò¼±5o)(â SíJFÿÔd@B¯ÞùTçÜ3?û73 _ ,¸°äÆÎÀÆê!ÝÛòùÙ§Ijt*^e°lN nÌïNÆfFGÔ_¡§tÚRxû£¯®kuQñMÊÞ1KÙ'64Ï]¨<_]®÷a! ö;;rf¤=}[E ÎàJN#,oC oY=M\ë:7ò$«H4?Ôï=}v~Zn¦ô1wãR+F·O"gßLÒrÊú!F§«5ùñÿi:ÉyJá/V§^Nb ,Ü&+ß-î)&:¾Jº~sS5â âzDÙck?ØÛg4aa6/¤qNJÂBÖïpæÍÈM øËÊø»¼ UUl¼ÿm,»zÕ@GÜÕGbàÑ(üW×ì@Añ¼]»3bÄzÚÄa/ÃùõNé/ÚW »ÚÂôm À¸ jøÊ@üï7öÊÍ&õÀ h ïè÷¨HÍ )0= u %Îèn½¯vÓgwÖ4íòªý'òjÑ5×Sn3íï./l
24 | sFPÕçdã@©Öò¨¤Å
25 | « |Lâ±ð Åü[ó«l4}À«æß:ê
ߥ@$1^¯´ÞY^|);¥3 ÛÆm_âV ÎN³zýKÄzÔÖ«)Ãtæ Ì]Ь
26 | 5iR LG]Í*!0rÉÔ Ú÷b^+.Êz9Ǩ¡Ñ-~Há= wÆ7QV¼±ôN²²ç¢üH ¢²C%B0f&2~Bg½ A÷c×Dm¥´}êÚÓî eÝ¢ÙicØAØa¬È @6Aüx=}ZÎXdÏ "q¬=}³ ].Øà ;gÁüÃ!òmÒî<||¥ôSH}TÊör$÷ò·Ú ®oõ)&¤åx"LUËKa(+ÏÊ>ch
toÀ±2!¢óÑ{åÏê$jWì" Eû Ëÿ+)=}© ÿí¢s¡íJì² ¦$öU&ë7E^eøøÊ
fQ¯ µ ëAÁêÀ!· äa°¬þÍñ&ì]ß[)áæ6[^WãË|uÖq$ þÍÒ=}[ñG¿Nq÷n
Ü(5¡§RçJwÌ~¬K7¯f<¹qÿ,áüm)!&¤5_ðKõÁ éÅnVúQ£&÷l%ñí$2
27 | ì
qOg |QÍÜ÷Ö÷
= xHéÚºùEÖ;·9=}E1)' 8æ´)íÞcMy!¾ ñÔxÁyÑÄåã qÿ;>)!} \ûâ¤ohå1ÃUýàÜt¡aö@+ ÊÊß DüÇüåãù÷ß äa°ÒëSôe·½|à \ûÀÅ= ç÷íbEÄÓß ¥RSu@õ!d{»ø$5"B»3»RìësnÑ}b ëxÊws$%ó s(í¦] A
V{AOrG?M¬ÚF<1¡}r¥U$lÞºªwÿÆ1¸';U= ûA/©çÓ4ûÓ´CmL³=MpÑý(£¨¨ªÚƽ¯ é/«.°Ë:ÿ!Ï«éT -ÙíVÊJļhÐÛK¢Æö¹¹j:¯CË ¬eë;Ë¥võ\}Ie5"çccxq¢ ÄÁJ]cÎ%ׯ°Xx«âÅÜ/Ó³ ¹~óOEǸÑ]mPîü;åÒd Ì*J[= \÷d °pÎÉí¦¤~IQ#òMdòCð¢&HRÛ«W¥¨áy½njz*KoëY£»¥Åx $8jj+2=}¥ò KrPÚ>¿|r}O6×7Hþ¾èÉ!¾Lù'µ&pÈ×?|q¥þ¦WÞî»Ö~vî¸ôúÃø#ê^83Ýé@Rs¯Î½âO/¼ç
29 | 5ä¾òôõÙÁ ²W]åîùV!RÝÑ RY¼ìåJ Y¸5¯ücWÏHf#±É¾,ÅUaÅÃpõÁÎ]¿ÛÏ[¿4E=M\ÞNyc²ø£éÇ$ü¢÷xå§E/o &âëa@}»ºðÁüªpA¥,mI("¿-ʦGp ¯]êÔaa Ã+"@²ÜÃßñ¤î²ÊÐðè
íô7G@áª5[!j
Í j2jwróÔëÊ øþ5¯f¯Zé¦|FsU̶r0)rhqjNwìPéïàÙé¦êõ:èãjRbïaíËã8wë ¯n= ¼ ! Z8þ·@¼È;-<ÓÓVx«*r@sþpðZ_Îâäàû
30 | ñ&eÛ´àNÝw\å±Æe3û|0Y½¡êò ÓeؾS+ 彡sõ2 = ÀQÝg¤Õà0sê±'C%ÖÌý²ÀR1O#y7(ÓZìÉiÐ×~Y²¸e.%÷ÊÉÇlû@wõLõßÙñúº¾¸fZsaú~"âòÕ' 'y·j©Ðóæ¯ Ð}¾åé©ÝÇ<Å\ À̹̹Ê2ÖõQ¶§Ã¤ï:C°þ¡½½ n(úx]5¦A/Xé^+¸à?ciG)%q¡ó¿"Ú¡¿ h;Ñl¹¨ÙX+5楣 äoøüx1â$oÑÊ ¼©ß+Ftå ò
£µ#ºK^˼³ªDÑ3Ë×Û}^0Á$a¼óÞVIaß^m6Âl=Mñ]Ϫë_ümàÚpä=}¾AZq iøþó25ìOºÝ¸gÔ¤>-Qö "Î_û zæ°çCü°a®´kÑ VjðA1bþÎÜØ©CI÷ êN&Fîôì²äü® ý¹hªÑᦠÊÂoHJÅ=MD8 ãS¸;d"´¦ÓýÔfHJ0Ï hdH?Þ(î ÇΨÅ4
²±S¸;¦¾4Eô¸;#ú0¬|1Éq¾éˬO¥uë¸;«T5t 2É «Ð(©9*»)¥x¼û´ë½l!&ó×cã¼Þy/$ à³Åè¥23ÉtéÚ´2È8.²ÖÌõfILÑÜ£l
Ëë{£à0.Ò9£Õ= ÙÆ-׶3tȦ®îXf YºÓÉ5øG.Ò4Õ= Ù6ËÊ..·Ë®.Wl Y.Ò½xE.Ò®.w¾éy$.i«»ëPû½±nõMº
31 | URhË£1Lñ°= ÷͹~·mJy«ÅÜ;"Ö30ÁµágÒ$W<öö ¹D:yb<ü¼= rÜs w0»ó¦ÁPl¢cÊ
32 | §gõ >Ç@Û Bò?Ev_.Cd4wéTÏÜÜ<~ÂûjÕR wæ
33 | r þN8/úØ®Zð;â[$jȧd1½~GjðVjpÀ 72ËCá~¡DÌû0ïd5Æï»dË4d ·ÃíúíÒ·¡ûHPd5Ì ·rðRP¡TvûÝpûXù }HûUi^Û²Øw«®×ÉRðÆäÍ0ýa¦ Oî+lì¹5íç0l1
O'¾»+B÷{çîÄ©í~èT$½¡Í·ÿt,ô¸·1o¹jfe/ÅÈ5%ÎtkßÑ#ÿØ>e^Ý´¯8´_l¤t²Ößdr$ÃPÖ¬'I ~~ZB»p_±=MÜ{ãíƽótÍ79x¢ ß9ºÆVÉù.µ-7¥Ã°¶'D0mïùVDi2ÞãB¡°²IR(P^ê«õ0&ÕUQ×Ujæ.wÓàÃ×Ûê0à{0µ:+û%í¾ÚH]®;$J8<Ç;2¸u0Ò¨@gY*FKüÖï·à©pª±Ë¤¦R·(©5þW©c,ÃÝä0¿3>
34 | "N"BÇ°d'zv£)¨mÿ$ mA³ÂTMJ[H¨ÄÔÒ´¯^Wp_tÓ©=Mì¿Zyù è <·¬ QÂ%a]¦ãÅJ½÷q±£¸Ì xL g§±æóléöûj/ö8T7 ¨g¯{Ø
fÕXJÿõ%ý«mmèk5ÔDoë(-&{R
-òI ÖÂðá¡Idð¼zJx}\
cË6
35 | Y´ àêÒ!«£ÖgÌ7Õ\䤸¨Ëa6Ôv\×£léÔp0.·x@Õönпأ¼éTÔ§ÆõÏXMG¿gr¨t1ÞÀG- ]
^Ô ¼s¹òúp*Xmo2jjXòá\Ó=}_öãgÀXG=}%}E/DWÅo°¥.Lö¥èV\'*uô=M!%£{pÃ=}* }
36 | Í$ÓÁòÃèÇãkÝ7®þñ-ÀÍú5ãÓ)¦l+Ú~8
6©Ñ&C5E#¾ i)Wá¬0éQ¼ÈP¢Û= ñ< ,Ñ[_ÖÝëLc^d<°#L×Çy{ë]ß H=M©Û)¦©ÙÖZÿYó_ÏÜÍ?ÜY3_sÙÖ¬ßÚfòÙ~ÉYXç»zTJ¦·PÙâtu@8q¦fQþ ùi!¿Ô×$UÆuÇVÀ´¾§ÕÍY+ÏØ¿éc$A2N@Nó¬!!n ¥\p¬r´ú¶æmk ˲M©fUMijç Áù·xÜê Æ $¬MrBee É_à ÖîY&= rñ!úî$ckàíml *]dÑÚáåm1»VP)mN¶Ú?z 7
idÀ¤¯dhæΡ ©Ö I¸çÈünñWV>oÔ£Tá&Ñ÷; #9×NÝ© Lä &¹FR=M¸ [S¦ ´o+
D+"v©¾úþíÌ l2 ¼^[¡Å(ÙYn>= Îû Ûu{\JFYsÏ «
:U©´5_÷)u@D50·+D»JÌ=}cVzÍÞÑE+ùeôP×À{ Ñg<ÕÃð2 Ó´íÆR«Ë<£
ÆyÅêÕeôÑ jàðG½
37 | ÃijøçöxÂh/0Wàf¨ÕYÙÆ»u& (qsòv8÷+ÏUîߺFÕ:°rq¸0âÜagC©¤ÜåÞ²ùCêå&)Ñ_;¬ôwvIÓfÀB¤n8©}ðM>=}Ú{곧À= r,YzºÉM ÏF¢OÜ
(*8 ·áGQw#ú}ýAìré¤y³,d¡dçV)Ðãö%íª« ÒÒA$ÍæÉsÃ9Ln
38 | Ã1ßrp1Ê)õ !Á¯¦÷¡Ñõ« *fÖ= uÝ #ô¹8©éNé,[yC~Ì]¼ÃÆ?5 o2B
x=M?¥ÐX+%$Þ8ù÷Í&Lo·Ñ¥Rß¹UÕ6,md H(³È¿Ðì lzë?qã4aI)áw/
39 | §a1aÔ-C]iNR_ÁGÊ÷(¶ic±È= Oµê' £ÍyÌôå®ë_û/}'¤C\y7ÕèñyâæñÖJ ä §LÁqþSp° #%©¥»Ý9j>£ÜbO*®áÔî.î£¤ì µÆQwotG÷K
7$@¥ã öND×ÊÚÂÎ ?öü±?{êÿ?{
42 | rìàqA³%%%=}ÇÞ OX´¯mSûµ.¯1óªáÔ3þåèßgx2÷ &Ò$8K¼S¸²dM ×µÿø³:
Y¥Á5ÌCìKOnbÎ.ïoÇ¿¢©01Ò²#
43 | [ õ·ÛkÒÎÏå3ùÅlån»í¼W?k»áñ üYsxv= ÈuEôPdê?.C=}óµÄ > @ÖI¯ 7Áº¨Ê{ ÒüèóNÓ¯ùó½¶_ÉÀòKFNÔºG=}Ô ¤ÕOÄõµriS5n"@ýxÁ#R;r;;¢=}Ãì!
dæôw{É©8ös¼u ¾ÓÒ.¯*¥ÜÃE5û(vT] /ªº©6·j[ßÐDrÆæôxä=}ÇÖd¨ÄEÆéT§ª3ÔÅBÖv@¤a¡ ÇÓÀBWÉþ(V\"AÉÇ©¹q^ÀÛ=MàùÈÒûÖ?k*P óxÀp8§ø§Ýj
44 | ÅΦmkî ½
!ëý =MÂ9fMD¾©ørõi U3GléÍ·qÞøkßßwÇh{O7|
¹àrç!¸ó=}/\/«íGXî1øX£ 6žRnBd¿6®PwN{ÁVp©ö_ój= À!Y¤)à$êíyYÆt¦/®wÄ4úP°ëKP§ÆkëS³ÈÔÉ_-| |c oÚ¢¶ïk]ÕÛ{4CB= ¡1±-é7kàÉÐd6ͨ'ÍþT©ÃéP0àØþ¢ !°6îÙ~Û}
ÛqãÖÊs8ÐÑ?ßa´3ÏT¦?ün>WL©®xÕ«xÃ(¢ Â(Ö~~¸ª<~CDÙ©ª¶^çÀò}3¦(SÛhzM¯¶í( ú d= .JíNJÚÈ ÑÓס&5~ÿ¥@:q߶ÆÏu;7 T±t£ cnGÈå Ã~T_m_=}x%©imÅ|1´Åú{ &U©¥~ HÍÞÖÁñÚÖv¬½íb)¯h+¯hñÌÍoÓjÞ4F|øB@Gzø2øÎpÎü¦Ï*lS)l_
ñf ÂÜÓyEþÖµÅ+eZCytå 3Àåü·ÚÂ4\¥)©f-F\<(ji¿Z#ªÊ×à{9êB< ÂIÿTKýdæýqí 9S-Gó¿ô×NÌð£âg÷=M #x,ë"cm¾Ñ&^ÕÛwar¼XÚíõ~íq ÍÀÛiø\ôٮô%Ð
45 | ö4+<Ã-ó{Êè}LÚÇQÈ®~ ¸± tñÈÜ@2*ä cJ= îB9 3'áÚá-: ø1
,¾Áó{ôa¯õ9 9pNôÑúfæ? çL»YÞTÞÓÑ nÎälÞ&ì;=MfrîC×Û°aDÝL)31ºÖ 9ñ3IÜstÒáõË#p©õ÷Òñ£¬¬Å¼t^ ËÑB ß
46 | Rref%Ò<&±ÎÖÄ"ò^ëçã¾õ«í=}=Mºiz©m ^=M}i¼©a´õó,Ap Äíp ì°Àáu»lm Ê¢¤<Ñí¾ÿlKäxBRà4¾@ÉJ¾vÑEpçx6W ïøKÝlvLÄ®2 ævvJÇÇ}ÈaϨ©P!¬öÍ&z´{+"8±Ûhª00¯ö~t«m¸ üÏmñãòÿæûý kx LìG³xMu ôxý8$UÇÅî¿«¥·«&·2óîxþ
0ìÀJHàУf 4!ËÙÔLð®ãPìºGµ]ìºÇ-þµN6¢\2 Õ2ÄSGÅ2Â2M¥Á@ªÁa@ª_@ªýÁg{N¤ûòÖê"ÅÞºw ±läTã:¨ ± îÏEbÉêÆÇ=}?V_]CÛ?T F¤ F¬ Æq@³*¨@³ê¨fܬÿ¾Óû¬å½ox½ìxúT
IêÒ£^Z^ IûåuO²Km² þ³ @ö.¿¢»¢¸É½(ÒÄwÕJùØAùX-çX+0abî;ìúð;äúOû« îB²Ãk¢}ø|Çø û 7ÛgSï%ägQïEQï%ä¯ÜäÓG¬95g/¥hÍ4zj·§^Ú 2ýD\¢3 µ,
0|ÏÁhÓY× Á=MxÈ^'[SûÀ«P^Ͷ}´ qiæÃeúÓ ÎÖ
47 | ÊÝT[wy*gQ[_>û2xÐCfæ6¬äýÃ;¿"å¥ãêÈß¹$~²V?!ý@Ūö·O Veò»=}~v qn$¨Cù¡We<ÅÝ1Ê£;´ó%ÿÄ©e$¶¦ ´èÊ¥
48 | µ´³~Z ÍÒú//
49 | p ~]5ÿNr<ÊOqª§e°Õ¤Ã<ã´yö@ßÌGüR Hª ø(ä»ìU=MÈÄN=M¨úüâBÄt/{éPöÁçý»'Oú ô¡ÖæýH9nÈHy
50 | Þ tÁõbÇKMbGLMbgÿªÿ¾Áb'B{Þ dÿsL=MH{â lÿCCtAMoÂÂÜtzõ¼dèÖM>WÂ+¡sPóxÄ÷CN£BOS1±Û=M¾6o÷^ëE)·ï)>NÍ µ³UÜOÑÉ!Yz »KÀÏ ÉÚü´¶Òrhöv÷KmÒÚÙ@AmDqÊv8ÔU (sÍH( >F©= ÚMäÓùYwÂ[GÝ©²ÁSÙVäSY·Þì8Ä[Þ©0yÛÁ6©tÚ;Á#Ù¶Þó(O੼6©dÚÍIðÍÙvÃ[à©\öé7è8ÚMØ+XÞ©Ê~×ãyTpÓYOpÓYpÓY5ðMC¿ú46¡¢¥ä·ÿ6¡GÜé°Ë=}³k}Aùä"ó!¥«zz´JPÖ ÷Å(o %qJWEìº:sG> ÝIÀ°1! ìW;¶Ñý¾RRè Ò,Ñ%£x@3·d¨/ÒU5Ò ÑEpк4÷8µÉ\Ç î7NÐÈÿ0¶ÊÀx^öÄÔòãiºÔõÞ_®ÁpÛBÃWsÛ#x{Y¥.PèÞM>6ã#8NP,ù.PðÞOWÒNÁ8«_(i ѵ4×Åûè\® ô[¢gñ×ò ö[Ìx÷¨èøA ]=}ؽ%bødd¥uYr ý[0Gå¯V+õtÕî
51 | W ë¯Ûlûñ¿¯úSxFµVj¾È¬
52 | ×a4=}ìôð9;Ýðµé%ÒÊQ
53 | ×$ ×KÜïMåõ [Q[YUY&½Ùüýº¼t÷kË û<í=MÜkG= kºEYÖ÷5ý@½qCá5cÓjSazh ö>H|/ëüQPYnÚ3'äo6½E§mÓ< ÖùßÜ"0ß!ä'÷^|Æ )³1 $ ü ! µ=Muw´© Àè§ü¯ °_æOuDıp´e´v4S¾¶0²û·dµ-e°6îfåæ,LäHÄàT,N¡@w0$7V;ù%Ó¶ ý%ÅÙxþè4jwÅÊ´oÿÅÊ\þYOåy@yèÜÁEðÍ\ÙÓ?ðÍÙVäSY¯Þ¶áyO¸èyM°ÜÁ¤6©øÝ©¬6©TÚÍ=}ðÍGÙ·ÞìèPHà©Á¥ ÷Å÷E£uÅ'iÔé¼â%OÑE¢Ìâ©í9¢Ìª6gǪFgG* *° ® õvªâ &¹Aª Lg¿&=MºA« Fìfw@So²1WTÑS$·
Æ"c}»
54 | É()¥Hpzñ®¹°s0µe J6m¤×Ü¢ 'K ìw¿p7 Rû _$2sÆckÿù Î3©C}Òï8á8³Ë¤Å£YÂÚà¬PÒRÙÄzOòè]s4â?¾#>à85yè¸ÿæÐäKVÖf¥î91QnÊ¥)¾®foUÉÒP÷É@ êÆ-Ïf@r·máÕYDÀóÃPT#
55 | B=Mý ¢ "òkF6é#zôAÉ]'
56 | z6ãæ½mKAcÐñ¼GW²°Æ¸³MP7Ø 1»n_ʵÄî "JÕ³ÖÿÝÛ âj¸|·ùólT¥ÇA©ÛÌ0»¯ô4«Ø¤¾ãsqLuxÝoxÿf6ZsѼIrhG¾ýd½ecȼBÿm|+¾$Þ<þ¡.J Ú¥05p| Id<= WâÇ uTë.q}= ðéLãXMhÆyÕ}EZK ¥ s ÄÂSÒæí:iêäDE+B/YÇ
57 | pÄCÀBãT{Ç ÅäýÎY4äÐïú ÌæaEéñ5d±èVÀq!æ<ðýgI eàyÐÁù}lJà®ã±+ËࢥB¨®>pÉÜÍzÆÒ#7îðÍuÚj&⥹Ë7Bª¥(
A//%OÄ0ÇùE¤hµ^ »¤ B
58 | IÆÚN$ÕÑÈâvÿ5ø J'bAÿ¬5sê@áþÛ¿e Qõ½P|2~j!&fî":ÌÑaU¯I ¥äñ¦ËË00 5XÁ÷Ìßß 5À_ ?µ¬.+F$º }|ÈÊH = Ïè9kÀ£JÙc/©@9
59 | JùB¼S
:5)æ «QsÛÊ°ÆGë° r5¿òa·"*·1 Õm(syOgÈOK%pKÑj7ýq¾QlMK»Ø# ,¬k#tɲaHhºj!¨9>¿û_ "³ÿÑl¼{µâL ,= <ïkx»&<f*Ãtóåôù²¯¾pí 40T ¨¨UjØv,
60 | ÄÍË rì*«Ñ7h!9$ÿqxt uøì¥+)~ÎÓ¨X>w«{ ÓØV
61 | ¥Èr ÕÙÜDì-!wvX¼èX¼è| © @dê¼þ \ Wq^-·«R
åôë¼LüèºrA§HS2 / ÈKæb¬Ì$Q ]âþIÜh0BRë ¸ Â0Ψx¦õRöRÐpUd4J8òÇAר3Zºöø
62 | >òw#©ª:@²I°òË© ɺµ2,y¨éÁþÁ¢µÍ= qIÖ=M¹I®ïU~¹xþAÎ#|=M0ï§èfðËg-ò huÿ ªÄPRå;] » )\k3>h l²Þ[Ûî÷íyîÕ?ÒGçæt®zZm+§¸IÈ J(B<£Ë
rÌ´eØil ÌÒoÐçY«°¢;mïx% ý?v CÝe%½ó·ÌäÓ¤D¦m7|7KñW
kí(© {È= ]NüÒª¾FsQ³vÝk3ÝdÚ¾A«ä6aêÖJS]ºà°¶Ë©Wéª ´Ø·,[ù¤WÓû!m4ñûù;ðùd¾q¢À@öìÆÛ7/á"0ºÅôNë>=MYóp
63 | |ÞSÑN<1Á·%Q¢snB~,×:] ot¼ï+@
64 | m «0w2÷moD~±¸¡ þÁJÜÂ/z<=MÈLie¾«¥$q2ZÛ~(§¨Ì Gß÷\ÄZÏ)Û&{T\åÊîj=M/Lv CCß
3ß
ßI?kâmçWL Û<AhÏñ~ã$.÷ïJ³$kk×[ã³ßeHoIúF ¥K ÍDWµ!b,
8<Ø ØBjn#uîò¼ù 'Òû'J×E¾]ìV¤±$ ;ñ«ëìâùU;"Û#Ë×·#)ö;o=}w6ê*d_eP ¼Zâ),ðƤ :ÁV¼¿ÍÀû$ÓÊÒà{ÓõðDV'#Ö²;ÇC»ÌAj¨oÑÉ êÊÒhüÉRíÑE¿U÷ÑEÜá¤j ^*(Ïéé(=}æåhé]fþòGÜþ_¶þ_´>QÅ-= ºàËy ÈlÎMjÜÊCçÍ[öâmɤ B3·psiíH¶=Má
U_Òi¾
65 | rüî|\ è¥+¦0¯MCè©Ï9 ¦R>Cñ%§E+~ÌJ´÷N1èæÏ×29ت @Ë?Zæd}î®z¶yad¡¶32Ò*'R®ecËMÒâzoM*$Wk®Y31j2j6j Ì l£Dpâ3(
FanøjK?,W Ê] ôô Úr÷áö?=Mïý¥FÞ´ûc®Ñ}.$*å Ñ°:5nE
ýe. j=MDð7£vlõ.LÄãa¾ =Mî%¥fé¼k3n=MIJEÌ{ïORd(*ç:ÄÈj>îpN¥7oXÁ ëºIEðaXM:²ëÔFKJÿåHØ1w>\øÀ ¦_DuÉo;O ZîeXû ¦¬) @dAA{iÿQg-7bЯÕUæhá£= lBt}ñ16HH_rãÙ@ð^°ò¢wd¾ ö ~ öâ2ó
67 | #Þ_ÛNÞ, Q°vÆ7Q¶Â¿áF/±;e9G(y Ê]IS¸Õ
À¬£ÅôCt/«#®W; qÓVã=MþWé× 7õ/ØXvL5:è£Ó EöÑlòõô]½À½ÿ¿.=}¿îmoýn~~ïî Úñ|ãýâ;éÑw©¼â0]LºØ®«ªKF cG ç:+z ?/Ôå¥ÿÑyþA5¢BH6 We{Õ ÜbwéGðâFx¶ìØ7¤ä
ë¦¥Ì ú k~¡ ¦Éøòúh¾ÎÒDò£¹Ü¿ºd[ ¦ !¦3Ã@"4ú+ø³\ª®%= |HF> äÙðÚÁ×& - -Ù" Ù\æäÝ?%: Ùjæäjûàçâõôëî
68 | ýüIPWRED;>!( -,36¹ÀÇÂÕÔËα¸¯ª£¦ipwred[^z ¢§´µ®«ØÑÊϼ½ÆÃ
~{haZ_lmvs ù øñêïÜÝæã0)27$% HA:?LMVSbg= Ynktu|}Ò×Ðɾ»ÄŨ¡¶³¬BG@9NKTU*/81&# ò÷ðéÞÛäåúÿ =M'" +.54OJQXCF=}< ûþßÚáèóöíìyojqxcf]\·²©°¥¤¿ºÁÝÜ9ùÙÙÛS´F´F´?F´F´F<´¶ ØVÞúëúß{KzÙËæ kz3zܳèßzãCÃzzÝcÃ'¹õ'ÄïÇĹì)XÉ/øÉåhá¤*D0àæt. èã¼+ üg|d̬,b´V©T¯ôedÖa¨ÖªHÑ°ÚÕ¨Ãô ´ÌÂükÅK
È
ÇÇ7õGgGÆ?%Ç-¥§[§ÆEeq'ÅQåÈ!åaSYçÜã[ÙQÈF´F´¦³F´FvÕRßïàb鸫ú~í_«/®yyî=}GÁF FÙÿ³íeIDBF©âÆ÷ó46ZBhÆ÷·´ ,Ìù ù׬W´E6YOßðÆöë
¦çÌFê?9&¬r5¥RwtM^¾Jw«äSoTÍùPLtWÀΩåª!߬(xÁ$W¿¨ S ÿÄAü¨O³rF²= ÂA'¾Ýö¡ú³$ t¿?*ï©c
{~, f?«Íebòpûq^ÞkÙDÞ õêðÙÀýøç:= ½ðJÚÉ(úãÚ»Û¹î!àµêðÙ°)&5Ù=MiÁ[/»Û9åÿ"ñÓbäY÷ÞR)!ÏzuÙZ=}»Ûù\¥ëëéÝàéáÙÙåa8!áúéëÛú]]!áúéëÛúúéëÛú]]!áúéëÛú]]!áFÅ\áJa@uùe=Mµú¤þ+!IgøUz¢SÁɦ Êcû(ùh亡G¥Ñd 4E¹§ï1
69 | bL¥9f
70 | üe:£ù ñ yÂi_gCb'D|v3¾]¿ÄzptÓÀg·»sÃ}\Ì·ykhÓ¿d£CÔ¼xW~_ÈcTºnk·e°÷{qãS½ZÛX[¹ÚÙ)ÝáÙ9¿¯Fô@´F´¥²F´F´sÛõa)[:ÑæWÝÜ9÷?5ÛX\ âXYL±Ý4æÅßH¹êOKIÝ':æ±_>éEYUÞPâßNyë÷T©ÞSºäA_PÉë=MJÉäÕ^ ùô iÚ·úãè-9©ùa(5 éªfA&ïê÷
71 | / 5®'Ca[Sþò²0Xh½ÎuÓ8½Ë, j¡-f=MCh³C=MG*¸*2æ²ÑcÃA=M{*>fNÍ*ÌÒc÷A3Í S²©Å ð|Äsتs8s¬Ï ÅHE7õ4ÇB; $Æ©÷ ±O®«ÃUA
72 | %¿8Ä{Îa²u¿
73 | ,j/AÕ)PcÁG»xÊP¶ø¶%Xļt¶+Õ ÀéPfTÄͼ5@~ d NN#e§(µ@õMÉjÍtm îæSß}J««ùå "è\$«
74 | BHi(óåT¢ø_eu&×ñk¢@RËI=}ñ¢s tÂëçSt]@6È lùá¸SÆ]7&mªý7ì¸ÓÖ °8¨ëÄb6ÖkW
75 | |ØlÑraZxX;3á:´M;áõt·Â¢Mðï%¦¢Tx½%×+¨(lv¢N: "öbòè+D¼V£¯Ñ>U$Ò'¢ó¤Ê0# j+&ô\|ª¦Áîåe1ßL|_* ßN|ع°Á¤á·
76 | %àuãÜÚÙY - FgfBLÅ1t'jUÑÎÁt)ýð7ªhx¡jç5= ú;ÔâǤÜÔ&ô~³bà2{ÿöjeèÁZ%Å÷È©ÓEêt2ÙÞ¢~ø½«+¿K/g m5kÏ; E#
77 | æ}qêÈ+ câdäJõ(Ñþ Ñ 0¹Õd(LôG¡¸¹µ"¡\äQã ïç
6Ñá )ì¯ÙÛ*ñÞVÛáãO}õõ[BjRiæ{=}ï¢\5\kÐW¬ÔÒ"H¹FÖeXÐ7ªR±8Ñ,hò$t¹6Ñ^¬Ï÷»mÖæ5('·(ÀgvilL0G¶Ò ¿
6Ác§!<baS¯ã30VBF|æ®mÏ/ôC.Wªxh:á¿Ín7= øQDI 6]üHÛì2Eö
² À/¯cs F¥.T|;=Mª¨!{Ú³óò¼gAµéïíÖpMºµXõ.úIFù,éã°ßº«±=}ıj¿¡19LFENų5ôá^D|n~°=M-ije^³5ôtEö²OF)¬¸¨ÈÔÈTxÀרÔÎÒÕP8zØr aÛÚ:Ü\êt[ BïK>(±oº·QH¢÷GFP ób#²Â³ÂfKÅËÐTþÇëö è½à¿õ»ß½øm÷=Mç9Ó®Ç0Ç°Ïlø©Ð@Ôpöù¶/l.ÅnÎúÔMÅ®½ý}= ô((ª0M³kørLsônX Scò*T#R#W+uö7OkQ|ÔÂÑæ\6ÿü>öO¦â® S1¬â8paÜ; L ¯qÙBàIì¢L BRiM~¦@L# Éúk|±©<<z¡¹müü·g×Áy{¿²ÕÅuµuÕBvJç ÏsËsOw7pv4/(}M°sC_2½
gó# sµ¥¯¤¤crY ¬îK2nZT q£ :ñ'|z}nn#@k~îx66å' ?}C õpÕ¬ªÂbpY]¥)zú¹¤Òÿ= öè î©#£ ú$*Qå +]fgDôõfe&OîT §Ò z¼ë¨b§t ÊlK§Lì̤~¾b¥½³ä£ä³¢ËãÖíO#2Þ
78 | z-w9lþkbö>së®QSU,â~ANÃuã^X1]ܯAp%9µ±àÂÄï±ÍãõÄÔÜî e29"I<øãçãã=}MuOÝ=M« Äe ë¥/Æ|JúH 3zvå&ËärMãU]:5Bv&pâåñ@ú ¶Û7Z ÖO;Ú
79 | ¸x8ù/<Ï-)ö5-}ðB)sæ®pÛ¤¤É~/ö= £)+@5^
O_0R0)¤Î¤²îcÎÉUî¼å Übòùt¶tº·æ Ö O\;¦f¸§«ÆÂ9 I \·¦]¥W sÂ¥ú
?xüYöøÝèÝr.ïv¶âÆÊÈPhÜ É¼¯ µ"²"Ëej EGô%Sh+ Í ±|c+yý5[p3¤ã2Þ2GMùmt[ö·û18¥ïµ oPdÄTö1ø
=}-.M~ßÏ0|§´vÉöÕÎïP,Ol>gµI¸YTí|@1h»ÚJ¸UxXùÏ<Ï/©ø µ.¶~ÈBtzïXä³ÅU%
80 | ºødyáOÝø h-hÁ= ³O¦¸_TY0º0QhÎÞÐ+ÏkU:UgL\xTR}è©XBoôïBO{AÆ1¢-80笨PùIiø£Þ!¥ ßÄçôgº aEO ¥Lcö§fãvïî[Ká+ïù~ãtDq\8þ5=} ë&T?pdzFÂÒûÑg d·Gr«Ì¢Äæ°Û_ÊÜ ÍúÑÍtËü½@v·ëØ^ѪϼÜÓ ¨;o¾Uzþ{¨XynxûXÂòeÑxø(õø¬T¯ÚgäÚS}½´º0s%ÍþÏ=}Eüx,¨54riüi§ÌÙéæÏ\Ó =}ýád:;ts q¢ÅAZ8 ñ¡æïSl¢L´Ñ~Yç5ç_ðûBó4Y¸úGk÷ÃVhB?4ÔUèÉÛ娹 !ô³Z$ZKñ{¹}ó µÑâ»ýRmûÂE? TiËÒ2Khî½/3óOøC´´2ïJ¿5Uk$VJÊp¬8 ]<»xÿÖz¿ïØ¿ÈÍøfÞ¸/×Ø«ÏDÀÔê$;ÍÊøþW@
83 | ¿Íh¯¿óäÕº?Æd§}
òLã+ %B÷¬ÿÈeaÁö¬7kýÕQPʹ«M~>sFw<ª "A1U!ýÃþöÈ|e¬e©æqob)ÂãÒ¾ûf/pCqH3HEôöt6?ºÜGæëmËËÀ£= sO6©ÉM´K¤GÇS3]YáöuöJ±52wÛ)zë*^!Ç)/CCMN_3l ËŲ]=}ΫkD=}±(Àö¥ûóPÅH¸°ÎVO,7 ºP.Ó3WGØġDZ§]XlX(æÒLÆòx=}¢´-ÑB®f8q³ÈÓùKJÅ£]èl¸$VTb?Ætòjj*Üë¢+= òï¥!§ws).zJ;¤±OÄ-Ù ÚY1Ix¹!=My!-(^S =MÙµíUgù3QÐyÒ[áz÷Ñ= [ÜÄ-¹N¨4nÈáTY ëªà)î
ðyk±A¹ØùغêÞ:"-hIÙNñoaÑJÁØÙ`});var B=new TextDecoder("utf8");function j(e,r,s){for(var n=r+s,d=r;e[d]&&!(d>=n);)++d;return B.decode(e.subarray?e.subarray(r,d):new Uint8Array(e.slice(r,d)))}function D(e,r){if(!e)return"";for(var s=e+r,n=e;!(n>=s)&&M[n];)++n;return B.decode(M.subarray(e,n))}var I,G,F,M,L,K,N,H,E,T,k;function J(e){T=e,I=new Int8Array(e),G=new Int16Array(e),F=new Int32Array(e),M=new Uint8Array(e),L=new Uint16Array(e),K=new Uint32Array(e),N=new Float32Array(e),H=new Float64Array(e)}function q(e,r,s){M.copyWithin(e,r,r+s)}function z(e){_("OOM")}function Q(e){var r=M.length;e=e>>>0,z(e)}var A={mappings:{},buffers:[null,[],[]],printChar:function(e,r){var s=A.buffers[e];r===0||r===10?((e===1?o:h)(j(s,0)),s.length=0):s.push(r)},varargs:void 0,get:function(){A.varargs+=4;var e=F[A.varargs-4>>2];return e},getStr:function(e){var r=D(e);return r},get64:function(e,r){return e}};function V(e){return 0}function R(e,r,s,n){var d=A.getStreamFromFD(e),y=A.doReadv(d,r,s);return F[n>>2]=y,0}function X(e,r,s,n,d){}var Z={d:q,c:Q,b:V,a:R,e:X};function ee(e){e.g()}var re={a:Z},b,U,$,O,W;this.setModule=e=>{a.setModule(u,e)},this.getModule=()=>a.getModule(u),this.instantiate=()=>(this.getModule().then(e=>WebAssembly.instantiate(e,re)).then(e=>{var r=e.exports;b=r.h,U=r.i,$=r.j,O=r.k,W=r.l,k=r.m,E=r.f,J(E.buffer),ee(r),m()}),this.ready=new Promise(e=>{m=e}).then(()=>{this.HEAP=T,this._malloc=U,this._free=b,this._create_decoder=$,this._destroy_decoder=O,this._decode_frame=W}),this)}function f(){return this._init=()=>new this._WASMAudioDecoderCommon(this).instantiate().then(a=>{this._common=a,this._channels=this._common.allocateTypedArray(1,Uint32Array),this._sampleRate=this._common.allocateTypedArray(1,Uint32Array),this._bitsPerSample=this._common.allocateTypedArray(1,Uint32Array),this._samplesDecoded=this._common.allocateTypedArray(1,Uint32Array),this._outputBufferPtr=this._common.allocateTypedArray(1,Uint32Array),this._outputBufferLen=this._common.allocateTypedArray(1,Uint32Array),this._errorStringPtr=this._common.allocateTypedArray(1,Uint32Array),this._stateStringPtr=this._common.allocateTypedArray(1,Uint32Array),this._decoder=this._common.wasm._create_decoder(this._channels.ptr,this._sampleRate.ptr,this._bitsPerSample.ptr,this._samplesDecoded.ptr,this._outputBufferPtr.ptr,this._outputBufferLen.ptr,this._errorStringPtr.ptr,this._stateStringPtr.ptr)}),Object.defineProperty(this,"ready",{enumerable:!0,get:()=>this._ready}),this.reset=()=>(this.free(),this._init()),this.free=()=>{this._common.wasm._destroy_decoder(this._decoder),this._common.free()},this._decode=a=>{if(!(a instanceof Uint8Array))throw Error("Data to decode must be Uint8Array. Instead got "+typeof a);let t=this._common.allocateTypedArray(a.length,Uint8Array,!1);t.buf.set(a),this._common.wasm._decode_frame(this._decoder,t.ptr,t.len);let o=[],h;this._errorStringPtr.buf[0]&&o.push("Error: "+this._common.codeToString(this._errorStringPtr.buf[0])),this._stateStringPtr.buf[0]&&o.push("State: "+this._common.codeToString(this._stateStringPtr.buf[0])),o.length&&(h=o.join("; "),console.error(`@wasm-audio-decoders/flac:
84 | `+o.join(`
85 | `)));let m=new Float32Array(this._common.wasm.HEAP,this._outputBufferPtr.buf[0],this._outputBufferLen.buf[0]),_={error:h,outputBuffer:this._common.getOutputChannels(m,this._channels.buf[0],this._samplesDecoded.buf[0]),samplesDecoded:this._samplesDecoded.buf[0]};return this._common.wasm._free(this._outputBufferPtr.buf[0]),this._outputBufferLen.buf[0]=0,this._samplesDecoded.buf[0]=0,_},this.decodeFrames=a=>{let t=[],o=[],h=0;for(let m=0;m{if(t!=="flac")throw new Error("@wasm-audio-decoders/flac does not support this codec "+t)},new P,this._init(),this[w](f)}_init(){this._codecParser=new v("audio/flac",{onCodec:this._onCodec,enableFrameCRC32:!1})}[w](t){if(this._decoder){let o=this._decoder;o.ready.then(()=>o.free())}this._decoder=new t,this._ready=this._decoder.ready}get ready(){return this._ready}async reset(){return this._init(),this._decoder.reset()}free(){this._decoder.free()}async decode(t){return this._decoder.decodeFrames([...this._codecParser.parseChunk(t)].map(o=>o.data))}async flush(){let t=this._decoder.decodeFrames([...this._codecParser.flush()].map(o=>o.data));return await this.reset(),t}async decodeFile(t){let o=this._decoder.decodeFrames([...this._codecParser.parseAll(t)].map(h=>h.data));return await this.reset(),o}async decodeFrames(t){return this._decoder.decodeFrames(t)}};var C=class extends Y{constructor(t){super(t,"flac-decoder",f,u)}async decodeFrames(t){return this._postToDecoder("decodeFrames",t)}},g=class extends l{constructor(){super(),super[w](C)}async free(){super.free()}};x(l,"FLACDecoder");x(g,"FLACDecoderWebWorker");export{l as FLACDecoder,g as FLACDecoderWebWorker};
86 | //# sourceMappingURL=flac-ZGCWAMZE.js.map
87 |
--------------------------------------------------------------------------------
8 |
9 |
10 |
11 |
12 | Based on [wavefont](https://github.com/dy/wavefont) and [sprae](https://github.com/dy/sprae).
13 |
14 |
32 |
33 |
34 |
37 |
38 |
39 |
--------------------------------------------------------------------------------
/dist/pseudo-worker-JU2ZWZPR.js:
--------------------------------------------------------------------------------
1 | import{a as P}from"./chunk-A576P2ZR.js";var F=P((exports,module)=>{function doEval(self,__pseudoworker_script){(function(){eval(__pseudoworker_script)}).call(global)}function PseudoWorker(p){var f=[],u=[],g=[],m=[],c=[],l=!1,v,t,s=this;function i(r,e){for(var n=-1;++n