구차니의 잡동사니 모음

어짜피(?) JSON이나 HTML가 텍스트니까 zlib 등으로 압축해서 전송하면

전송시간도 단축되고 하니 node.js용으로 검색

(apache 등의 웹 서버에서는 자체적으로 압축 기능 제공)

[링크 : https://github.com/expressjs/compression/blob/master/README.md]

https://expressjs.com/ko/advanced/best-practice-performance.html

[링크 : https://stackoverflow.com/questions/13556941/get-index-of-selected-option-with-jquery]

opener.window.변수명 하니 되는거 같기도 하고?

---

parent.변수명

[링크 : https://stackoverflow.com/.../sharing-global-javascript-variable-of-a-page-with-an-iframe-within-that-page]

되는건줄 알았는데 왜 안되지.. ㅠㅠ

---

팝업이라는 전제가 붙는건 opener 함수가 열어주어야 하기 때문인듯.

아무튼.. 단순하게(?) 전역변수에 접근할순 없고

parent 측에서 opener 변수로 해주어야 하는 것 같기도 하고..

opener.document.[name_tag]....

[링크 : http://algina.tistory.com/50]

document.[name_tag]...

[링크 : http://kamjum.tistory.com/entry/JavaScript-팝업창에서-부모-창의-hidden-변수에-따라-값-설정-위치-변경]

opener / top

[링크 : https://www.phpschool.com/gnuboard4/bbs/board.php?bo_table=qna_html&wr_id=33683]

[링크 : http://j07051.tistory.com/518]

+

Coding Tip: window.opener.close() will close the source (parent) window.

[링크 : https://www.w3schools.com/jsref/prop_win_opener.asp]

+

현재 윈도우(window)를 오픈한 윈도우의 레퍼런스(reference)를 반환합니다.

[링크 : https://developer.mozilla.org/ko/docs/Web/API/Window/opener]

모바일 edge 브라우저.. ㄷㄷㄷ

내 핸드폰에도 깔릴려나?

[링크 : https://play.google.com/store/apps/details?id=com.microsoft.emmx&hl=ko]

[링크 : https://itunes.apple.com/us/app/microsoft-edge/id1288723196?mt=8]

BBC에서 만든거라는데

일단.. HE-AACv2를 재생가능한지 해봐야지..

[링크 : https://waveform.prototyping.bbc.co.uk/]

[링크 : https://github.com/bbc/waveform-data.js/blob/master/README.md]

[링크 : https://www.bbc.co.uk/rd/blog/2013-10-audio-waveforms]

[링크 : https://www.npmjs.com/package/waveform-data]

+

[링크 : https://developer.microsoft.com/en-us/microsoft-edge/platform/status/]

[링크 : http://www.chromium.org/audio-video]

[링크 : https://stackoverflow.com/.../how-can-i-get-he-aac-v2-to-playback-in-chromes-mediasource-api]

내가 원하는 수준은.. 구형 브라우저 - 신형 브라우저 수준이 아니라.

신형 브라우저중

chrome 버전별 혹은

모바일 / 데스크탑 버전 정도이긴 한데..

한번 caniuse는 좀 찾아 봐야 겠다.. ㅠㅠ

[링크 : https://caniuse.com/]

[링크 : https://hackya.com/kr/크로스-브라우징-총정리/]

망할(?) HE-AACv2 땜시 고생중인데...

윈도우에서는 크롬과 edge 중에 edge만 해당 오디오를 정상 지원하고

모바일에서는 아퐁10에서 safari가 정상 지원을 하는 것으로 보인다

(회사 사람들 기종 돌아가면서 해보는데 크롬은 전반적으로 안되고, 사파리도 ios에 따라 다른 듯)

아무튼 fallback 기능으로 backend 엘리먼트를 통해 MediaElement를 설정하여 

재생만이라도 되게 설정할 수 있다.(파형은 안나옴)

[링크 : https://stackoverflow.com/.../wavesurfer-js-getting-it-to-work-in-browsers-other-than-firefox]

[링크 : https://wavesurfer-js.org/example/audio-element/]

+

다시 테스트 해보니..

PC 크롬은 backend로도 재생불가

모바일 크롬은 backend로 파형없이 재생가능

아이폰 크롬도 backend로 파형없이 재생가능

아이폰 safari는 ios 버전에 따라 파형없이 재생가능(아퐁 10은 파형도 나옴)

(망할...)

+

음.. 

[링크 : https://caniuse.com/#search=web%20audio]

크롬에서만 하다 보니.. 신경을 못 썼는데

크롬은

new Date('2018-11-30 16:30:00') 양식을 인식하는데 반해

safari에서는 인식하지 못해 NaN을 뱉어낸다

그래서 -를 /로 치환해주는 꽁수가 필요한듯..

[링크 : http://gemimi.tistory.com/49]

[링크 : http://tod2.tistory.com/176]

크롬 개발자 도구로 해서 /를 인식하는 것 확인..

그러니 safari에 맞게 /로 해주면 되는 듯...

+

[링크 : https://caniuse.com/#search=date]

[링크 : https://html.spec.whatwg.org/multipage/input.html#date-state-(type%3Ddate)]

원인 불명. 해결책은 찾아야 겠지만

모바일에서는 select size를 통해 여러개를 출력하는 녀석을 정상적으로 출력하지 못한다.

PC 크롬

노트2 모바일 크롬

select-option을 여러개 띄우는게 정상적인 사용방법은 아니지만

이렇게 까지 사용불가할 정도가 될 줄이야..

아무튼.. 이걸 우회할 방법을 찾던가.. 다른 태그로 써야 할 것 같네.. ㅠㅠ

+

2013년 당시 알려진 버그였나 본데..

[링크 : https://stackoverflow.com/questions/15760089/select-size-attribute-size-not-working-in-chrome-safari]

+

backend를 설정해주면 waveform은 안나오더라도 재생은 된다고 한다.

[링크 : https://stackoverflow.com/.../wavesurfer-js-getting-it-to-work-in-browsers-other-than-firefox]

border-style로 점선, 실선 등으로 설정 가능

당연(?) 하지만

top right bottom left 순서로 설정도 가능

[링크 : http://supervitamin.tistory.com/75]