canvas를 이용해서 waveform을 그려주는 녀석인.. 듯?
아무튼 파형 확대/축소도 가능하고
이퀄라이저도 포함되는 녀석이라 한번 써볼만 할 듯
[링크 : https://wavesurfer-js.org]
| node.js mysql PROTOCOL_ENQUEUE_AFTER_FATAL_ERROR 에러 (0) | 2018.10.11 |
|---|---|
| node.js 정적 파일 서비스 (0) | 2018.10.10 |
| xz로 압축된 node.js 설치하기 (0) | 2018.10.02 |
| npm install이 윈도우에서 안될때 (2) | 2018.09.27 |
| node.js 를 이용한 HTML 데이터 추출(크롤링) (4) | 2018.09.27 |
은행갔다가 발견한 먼가 미묘한 키워드(?)
PHP
CAD
흐음... (응?)
| 11월 11일 11시 11분 (4) | 2019.11.28 |
|---|---|
| 카카오 지네(?) (8) | 2018.12.12 |
| eos r (2) | 2018.09.19 |
| 태양이 싫어 (2) | 2018.08.17 |
| 옥수수, 그리고 무궁화 (0) | 2018.08.04 |
본목적(?)은 canvas로 그려진 jsmpeg을 캡쳐 하는건데
canvas 가 2d 컨텍스트라면 아래의 toDataURL()을 통해서 간단하게
image/png MIME 타입으로 받을수 있다.
var dataURL = canvas.toDataURL('image/png'); |
[링크 : https://weworkweplay.com/play/saving-html5-canvas-as-image/]
다만 기본 값이 GL 가속이라 disableGL을 true로 해주면 canvas가 2d로 설정되기에 캡쳐가 가능한데
문제는.. gl이나 gl-experiment로 설정해도 못받아 오는건 매한가지란거...
disableGl: true canvas.getContext('2d'); |
[링크 : https://github.com/phoboslab/jsmpeg]
<!DOCTYPE html> <html> <head> <style> .canvas__container { height: 100%; position: relative; width: 100%; } .canvas__canvas { height: 100%; position: relative; width: 100%; z-index: 1; } .canvas__mirror { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } </style> </head> <body> <div class="canvas__container"> <canvas id="cnvs" class="canvas__canvas"></canvas> <img src="" id="mirror" class="canvas__mirror" /> </div> <a href="#" class="button" id="btn-download" download="my-file-name.png">Download</a> <script> var cnvs = document.getElementById('cnvs'), ctx = cnvs.getContext('2d'), mirror = document.getElementById('mirror'); cnvs.width = mirror.width = window.innerWidth; cnvs.height = mirror.height = window.innerHeight; mirror.addEventListener('contextmenu', function (e) { var dataURL = canvas.toDataURL('image/png'); mirror.src = dataURL; }); var button = document.getElementById('btn-download'); button.addEventListener('click', function (e) { var canvas = document.getElementById('cnvs'); var dataURL = canvas.toDataURL('image/png'); button.href = dataURL; }); document.getElementById('btn-download').click(); </script> </body> </html> |
[링크 : https://weworkweplay.com/play/saving-html5-canvas-as-image/]
| jquery / js로 배경이미지 변경하기 (0) | 2018.10.11 |
|---|---|
| html canvas 크기 (0) | 2018.10.07 |
| json2xls 사용 주의 (0) | 2018.10.02 |
| json key 추가/삭제 (0) | 2018.09.28 |
| json merge (0) | 2018.09.28 |
아내의 노트4 에서 게임이 좀 덜 버벅대게 하려고
게임 튜너를 깔고 설정을 하고
게임을 하면서 캡쳐를 해봤는데 원래 물리 해상도 대로 캡쳐가 된다.
FB 자체는 그대로고 openGL 렌더링 해상도를 낮추고
내부적으로 scaler를 통해 upscale 하는 개념인건가?
[링크 : https://play.google.com/store/apps/details?id=com.samsung.android.gametuner.thin&hl=ko]
+
안드로이드 6.0 이상부터 되서
S4 Active는 5.0인 관계로 안되니까 adb 를 통해서 직접 수정
(리부팅 전에는 dpi와 해상도 변경후 레이아웃이 깨지니 설정변경 이후에는 리부팅 필요한 듯)
핸드폰에서 usb 디버깅을 허용하지 않으면 처음것 처럼 에러가 뜬다.
일단은 절반으로 토막낼거니까 해상도도 절반으로
dpi도 절반으로 설정해 주니 별 문제없이 되는 듯?
C:\platform-tools>adb devices List of devices attached * daemon not running; starting now at tcp:5037 * daemon started successfully 176732c6 unauthorized C:\platform-tools>adb devices List of devices attached 176732c6 device C:\platform-tools>adb shell shell@jactivelteskt:/ $ shell@jactivelteskt:/ $ wm size Physical size: 1080x1920 shell@jactivelteskt:/ $ wm size 540x960 shell@jactivelteskt:/ $ wm density wPhysical density: 480 shell@jactivelteskt:/ $ wm density 240 |
[링크 : http://blog.naver.com/shalom83/220878894684]
윈도우용 adb
[링크 : https://www.xda-developers.com/install-adb-windows-macos-linux/]
[링크 : https://dl.google.com/android/repository/platform-tools-latest-windows.zip]
s4 active USB driver
[링크 : https://www.samsungusbdrivers.net/2017/03/samsung-galaxy-s4-active-usb-driver-for.html]
| 다이소 5천원짜리 블루투스 스피커 구매! (2) | 2018.10.09 |
|---|---|
| inote FS-94KBT + win10 + 서피스 프로3 문제 (0) | 2018.10.07 |
| pf1000u와 3d 안경 (0) | 2018.08.28 |
| LTE egg+ 데이터 소진 이후 추가데이터 사용 (0) | 2018.04.23 |
| wibro egg 해지 청구서 도착 (0) | 2018.04.16 |
라즈베리 구버전을 써서 node.js가 0.10 버전대라
배포판 업그레이드 하거나 밀긴 귀찮아서
node.js arm 용으로 빌드된 걸 받아서 설치해보는데
rpi 2b니까 ARMv7용으로 받고
압축을 풀어서 bin과 lib를 /bin과 /lib로 복사해도 되고
[링크 : https://nodejs.org/ko/download/]
아래와 같이 -C / 이런 옵션을 주고 / 에다가 압축을 풀게 하는 것도 방법일 듯
tar Jxf --strip=1 -C /usr/local node-v4.4.0-linux-x64.tar.xz |
[링크 : https://stackoverflow.com/.../how-to-install-node-linux-binaries-tar-xz-file-in-ubuntu-14-04]
| node.js 정적 파일 서비스 (0) | 2018.10.10 |
|---|---|
| waveform 출력하는 자바스크립트 모듈 (0) | 2018.10.05 |
| npm install이 윈도우에서 안될때 (2) | 2018.09.27 |
| node.js 를 이용한 HTML 데이터 추출(크롤링) (4) | 2018.09.27 |
| npm audit (0) | 2018.09.19 |
의외로 쉽네? 싶기도 하고..
svg.append("text") .style("font-weight", "bold") .style("fill", "white") .attr("x",-5) .attr("y",5) .text(conn); |
[링크 : https://stackoverflow.com/.../how-to-set-text-color-for-my-d3-chart-title]
| d3 관련 검색.. (0) | 2018.10.12 |
|---|---|
| d3 multi level pie 그래프 (0) | 2018.10.11 |
| d3 tooltop (0) | 2018.10.01 |
| d3 를 이용하여 도넛 그래프 그리기 (0) | 2018.09.28 |
| d3 graph (0) | 2018.09.27 |
버그인가...
데이터는 더 있는데 필드가 추가 안되는 문제가 있네..
(혹시나 해서 json도 저장해놔서 비교하는데 이런 문제가..)
| html canvas 크기 (0) | 2018.10.07 |
|---|---|
| html5 canvas crop & save (0) | 2018.10.04 |
| json key 추가/삭제 (0) | 2018.09.28 |
| json merge (0) | 2018.09.28 |
| jquery 선택자 (0) | 2018.09.27 |
path.each() 가 현재 선택한 값을 d로 넘겨주고
그걸 이용해서 d.data에 path에서 연결된 dataset의 한개 항목을 넘겨준다.
[링크 : http://bl.ocks.org/arpitnarechania/577bd1d188d66dd7dffb69340dc2d9c9]
[링크 : https://stackoverflow.com/.../get-one-element-from-d3js-selection-by-index]
| d3 관련 검색.. (0) | 2018.10.12 |
|---|---|
| d3 multi level pie 그래프 (0) | 2018.10.11 |
| d3 font color / weight (0) | 2018.10.02 |
| d3 를 이용하여 도넛 그래프 그리기 (0) | 2018.09.28 |
| d3 graph (0) | 2018.09.27 |
시간 참 빨리간다.
| 단풍이 절정이라는데.. (2) | 2018.10.20 |
|---|---|
| 회사 워크샾 - 에버랜드 (3) | 2018.10.08 |
| 읭? 타겟 광고인가? (4) | 2018.09.28 |
| 쓸데없는 지름신 목록 (4) | 2018.08.26 |
| 그림자 분신술이 필요한건가.. (2) | 2018.08.22 |
이틀에 걸쳐 했는데, 용량이 간당간당하네 -_ㅠ
아무튼 어찌어찌 업데이트는 되었는데 SD 메모리를 덤프해놔야 하려나.. 고민이네
Ubuntu 18.04.1 LTS odroid ttySAC1 odroid login: odroid Password: Last login: Fri Sep 28 22:01:15 UTC 2018 on ttySAC1 Welcome to Ubuntu 18.04.1 LTS (GNU/Linux 3.8.13.30 armv7l) * Documentation: https://help.ubuntu.com * Management: https://landscape.canonical.com * Support: https://ubuntu.com/advantage 1 package can be updated. 0 updates are security updates. odroid@odroid:~$ df -h Filesystem Size Used Avail Use% Mounted on udev 882M 0 882M 0% /dev tmpfs 203M 2.9M 200M 2% /run /dev/mmcblk0p2 7.1G 5.3G 1.6G 78% / tmpfs 1012M 100K 1012M 1% /dev/shm tmpfs 5.0M 4.0K 5.0M 1% /run/lock tmpfs 1012M 0 1012M 0% /sys/fs/cgroup /dev/mmcblk0p1 128M 6.1M 122M 5% /media/boot tmpfs 203M 16K 203M 1% /run/user/108 tmpfs 203M 0 203M 0% /run/user/1000 |
| odroid xu4 AP 관련 (0) | 2020.03.07 |
|---|---|
| HEVC, H.265 지원 싱글보드 (0) | 2019.04.23 |
| odroid U3 방열판/쿨러 (0) | 2018.09.26 |
| odroid U3 eMMC 복구 (0) | 2018.09.26 |
| odroid 고민.. (2) | 2018.09.26 |
|
