본문 바로가기

전체 글

 (138)
Nginx CORS 활성화 # cors configuration # whitelist of allowed domains, via a regular expression # if ($http_origin ~* (http://localhost(:[0-9]+)?)) { if ($http_origin ~* .*) { # yeah, for local development. tailor your regex as needed set $cors "true"; } # apparently, the following three if statements create a flag for "compound conditions" if ($request_method = OPTIONS) { set $cors "${cors}options"; } if ($reque..
MySQL 8.0 Remote 설정 1. /etc/mysql/mysql.conf.d/mysqld.cnf 파일 내 아래 부분 수정 bind-address = 0.0.0.0 혹은 bind-address 부분 주석 처리 # bind-address = 127.0.0.1 2. remote 접속용 user 생성 CREATE USER 'USERNAME'@'HOSTNAME' IDENTIFIED BY 'PASSWORD';
MySQL 8.0 Requested authentication method unknown to the client 이슈 해결 1. /etc/mysql/my.cnf 에 다음 내용 추가 [mysqld] default_authentication_plugin= mysql_native_password 2. mysql 에서 root 사용자로 다음 명령 실행 FLUSH PRIVILEGES;
python azure blob storage download import os, uuid from azure.storage.blob import BlobServiceClient, BlobClient, ContainerClient, __version__ try: print("Azure Blob storage v" + __version__ + " - Python quickstart sample") # Quick start code goes here # Retrieve the connection string for use with the application. The storage # connection string is stored in an environment variable on the machine # running the application called A..
wavesurfer events (이벤트) wavesurfer 인스턴스 생성 후 다음 이벤트를 사용 가능 예시) wavesurfer.on('pause', function () { wavesurfer.params.container.style.opacity = 0.9; }); 1. 이벤트 목록 audioprocess - 오디오 재생중, 재생 커서 위치 지정시 이벤트 발동 dblclick - 인스턴스 더블클릭시 이벤트 발동 destroy - 인스턴스 파괴시 이벤트 발동 error - 오류 발생시 이벤트 발동, 콜백은 문자열 형식의 오류 메시지를 수신 finish - 재생이 끝나면 이벤트 발동 interaction - 파형과 상호작용시 이벤트 발동 loading - 가져오기, 드래그 앤 드롭 등으로 로드 시 계속 이벤트 발동, 콜백은 [0..100] 퍼..
wavsurfer.js method(메서드) wavsurfer 인스턴스 생성 후 다음 메서드를 사용 가능 1. 메서드 목록 cancelAjax() - 오디오 파일로드 포르세스 취소 destroy() - 이벤트, 요소를 제거하고 웹 오디오 노드 연결 끊음 empty() - 길이가 0인 오디오가 로드된 것처럼 파형을 지움 getActivePlugins() - 현재 초기화된 플러그인 이름의 맵 반환 getBackgroundColor() - 파형 컨테이너의 배경색을 반환 getCurrentTime() - 현재 진행 상황을 초 단위로 반환 getCursorColor() - 재생 헤드 위치를 나타내는 커서의 채우기 색상 반환 getDuration() - 오디오 클립 길이 초 단위 반환 getPlaybackRate() - 오디오 클립 재생속도 반환 getPro..
wavesurfer.js 1. wavesurfer 설치 1-1. script 로드 1-2. github 저장소 포크 or 다운로드 https://github.com/katspaugh/wavesurfer.js 1-3. CDN (Content Delivery Network) 1-4. wavesurfer 을 사용할 컨테이너 생성 1-5. javascript 에서 wavesurfer 객체 인스턴스 생성 var wavesurfer = WaveSurfer.create({ container: '#waveform', waveColor: 'violet', progressColor: 'purple' }); 1-6. 오디오 로드 wavesurfer.load('audio.wav'); 2. wavesurfer create option 옵션 타입 기본값..
카카오톡 공유 api 사용 // kakao api init Kakao.init('카카오톡 api javascript key'); function kakao_share() { Kakao.Link.sendDefault({ objectType: 'feed', content: { title: '카카오톡 공유 타이틀', description: '카카오톡 공유 설명', imageUrl:'썸네일.jpg', link: { mobileWebUrl: 'url', webUrl: 'url', }, }, buttons: [ { title: '웹으로 보기', link: { mobileWebUrl: 'url', webUrl: 'url', }, }, { title: '앱으로 보기', link: { mobileWebUrl: 'url', webUrl: 'url'..
반응형

티스토리툴바