Websites to learn Python
| [오류]conda: 'conda' 용어가 cmdlet,함수,스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. - VSCODE (0) | 2022.01.25 |
|---|---|
| [Python] 점프 투 플라스크 (0) | 2021.09.10 |
| 파이콘 한국 2021 - https://2021.pycon.kr/ (0) | 2021.08.03 |
| [python] 파이썬 라이브러리 (0) | 2021.07.09 |
| [PYTHON] jupyter를 완전히 제거 (0) | 2021.04.22 |
HTML5 웹에서 마이크 녹음 기능
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>마이크 테스트</title>
</head>
<body>
<input type=checkbox id="chk-hear-mic"><label for="chk-hear-mic">마이크 소리 듣기</label>
<button id="record">녹음</button>
<button id="stop">정지</button>
<div id="sound-clips"></div>
<script>
const record = document.getElementById("record")
const stop = document.getElementById("stop")
const soundClips = document.getElementById("sound-clips")
const chkHearMic = document.getElementById("chk-hear-mic")
const audioCtx = new(window.AudioContext || window.webkitAudioContext)() // 오디오 컨텍스트 정의
const analyser = audioCtx.createAnalyser()
// const distortion = audioCtx.createWaveShaper()
// const gainNode = audioCtx.createGain()
// const biquadFilter = audioCtx.createBiquadFilter()
function makeSound(stream) {
const source = audioCtx.createMediaStreamSource(stream)
source.connect(analyser)
// analyser.connect(distortion)
// distortion.connect(biquadFilter)
// biquadFilter.connect(gainNode)
// gainNode.connect(audioCtx.destination) // connecting the different audio graph nodes together
analyser.connect(audioCtx.destination)
}
if (navigator.mediaDevices) {
console.log('getUserMedia supported.')
const constraints = {
audio: true
}
let chunks = []
navigator.mediaDevices.getUserMedia(constraints)
.then(stream => {
const mediaRecorder = new MediaRecorder(stream)
chkHearMic.onchange = e => {
if(e.target.checked == true) {
audioCtx.resume()
makeSound(stream)
} else {
audioCtx.suspend()
}
}
record.onclick = () => {
mediaRecorder.start()
console.log(mediaRecorder.state)
console.log("recorder started")
record.style.background = "red"
record.style.color = "black"
}
stop.onclick = () => {
mediaRecorder.stop()
console.log(mediaRecorder.state)
console.log("recorder stopped")
record.style.background = ""
record.style.color = ""
}
mediaRecorder.onstop = e => {
console.log("data available after MediaRecorder.stop() called.")
const clipName = prompt("오디오 파일 제목을 입력하세요.", new Date())
const clipContainer = document.createElement('article')
const clipLabel = document.createElement('p')
const audio = document.createElement('audio')
const deleteButton = document.createElement('button')
clipContainer.classList.add('clip')
audio.setAttribute('controls', '')
deleteButton.innerHTML = "삭제"
clipLabel.innerHTML = clipName
clipContainer.appendChild(audio)
clipContainer.appendChild(clipLabel)
clipContainer.appendChild(deleteButton)
soundClips.appendChild(clipContainer)
audio.controls = true
const blob = new Blob(chunks, {
'type': 'audio/ogg codecs=opus'
})
chunks = []
const audioURL = URL.createObjectURL(blob)
audio.src = audioURL
console.log("recorder stopped")
deleteButton.onclick = e => {
evtTgt = e.target
evtTgt.parentNode.parentNode.removeChild(evtTgt.parentNode)
}
}
mediaRecorder.ondataavailable = e => {
chunks.push(e.data)
}
})
.catch(err => {
console.log('The following error occurred: ' + err)
})
}
</script>
</body></html>| 모든 브라우저에서 웹 페이지 캐싱을 어떻게 제어합니까?How do we control web page caching, across all browsers? (0) | 2022.07.06 |
|---|---|
| ASP, 날짜 비교, DateDiff 를 이용한 현재 일시 비교 (0) | 2022.01.06 |
| Django DIY Blog (0) | 2021.06.07 |
| textarea, placeholder에서 개행처리 - \r\n (0) | 2021.05.09 |
| [WEB] 인증서 오류 - "There is a problem with this website's security certificate" when you try to visit a secured website in Internet Explorer (0) | 2021.04.23 |
PostgreSQL - windows 설치
https://www.enterprisedb.com/downloads/postgres-postgresql-downloads
Download PostgreSQL Database for Windows, Linux and MacOS & 32-bit or 64-bit Versions | EDB
Download PostgreSQL packages or installers free from EDB. Get PostgreSQL for Windows, Linux and MacOS platforms. Download 32-bit or 64-bit versions. Download open-source PostgreSQL now.
www.enterprisedb.com
| [DATABASE/POSTGRESQL] 마이그레이션 : SQL Server → PostgreSQL (0) | 2021.10.13 |
|---|---|
| [PostgreSQL] 자동 증가 형식 (serial 등), 자동 증가 타입이 설정된 컬럼에 값을 지정하여 데이터를 추가 (0) | 2021.10.12 |
| SQLlite download (0) | 2021.09.01 |
| [PostgreSQL] 행 순서(ROW NUMBER)에 조건 적용하기 (0) | 2021.08.10 |
| [PostgresSQL] 컬럼 내 특정 문자로 split 후 값 출력 (0) | 2021.08.10 |
SVN - Previous operation has not finished; run 'cleanup' if it was interrupted 에러일때.
clean up 하려면
"Cleanup failed to process the following paths:
Previous operation has not finished; run 'cleanup' if it was interrupted
Please execute the 'Cleanup' command. " 이런 에러 나고.
http://www.sqlite.org/download.html 에서 sqlite 다운로드
| sqlite-tools-win32-x86-3360000.zip (1.82 MiB) |
CMD 창으로 해당 .svn 폴더있는 곳으로 들어가서
sqlite3 .svn/wc.db "select * from work_queue"select 되는게 있으면 삭제
sqlite3 .svn/wc.db "delete from work_queue"
//-- 폴더가 lock 되어있으면
sqlite3 .svn/wc.db "delete from wc_lock"
| 숫자의 단위 (무한대,무량대수,불가사의,나유타,아승지,항하사) (0) | 2021.10.01 |
|---|---|
| 물어보는 사람이 많아서 정리했습니다: Go언어 (0) | 2021.09.15 |
| 에디터 - TinyMCE (WYSIWYG editor ) (0) | 2021.08.26 |
| 원격 접속 - RDP-Wrapper 포트 변경하기 (0) | 2021.08.24 |
| [R언어] Rstudio 설치, 기초 강의, R에서 Python 사용하기 (0) | 2021.07.28 |
SQLlite download
| [PostgreSQL] 자동 증가 형식 (serial 등), 자동 증가 타입이 설정된 컬럼에 값을 지정하여 데이터를 추가 (0) | 2021.10.12 |
|---|---|
| [PostgreSQL] windows 설치 (0) | 2021.09.03 |
| [PostgreSQL] 행 순서(ROW NUMBER)에 조건 적용하기 (0) | 2021.08.10 |
| [PostgresSQL] 컬럼 내 특정 문자로 split 후 값 출력 (0) | 2021.08.10 |
| [MSSQL] 트랜잭션 로그가 꽉 차서 해결할때. 로그 축소 (0) | 2021.06.18 |
image full screen css - How TO - Full Page Image
https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_full_page
Tryit Editor v3.6
body, html { height: 100%; margin: 0; } .bg { /* The image used */ background-image: url("img_girl.jpg"); /* Full height */ height: 100%; /* Center and scale the image nicely */ background-position: center; background-repeat: no-repeat; background-size: co
www.w3schools.com
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
margin: 0;
}
.bg {
/* The image used */
background-image: url("img_girl.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="bg"></div>
<p>This example creates a full page background image. Try to resize the browser window to see how it always will cover the full screen (when scrolled to top), and that it scales nicely on all screen sizes.</p>
</body>
</html>
| [Chrome] 크롬확장프로그램, 폰트(Font) 확인 프로그램 (0) | 2021.11.26 |
|---|---|
| [bootstrap] 27 Best Free Bootstrap Admin Templates 2021 (0) | 2021.11.04 |
| [CSS] 중국어 폰트가 웹에서 굵고, 가늘고 할때 어떤 폰트 쓸까? (0) | 2021.06.09 |
| html table css 참고 (0) | 2021.04.29 |
| [WEB] 화면별 일반적인 해상도. 웹에서 어떻게 볼 것인가? (0) | 2021.04.20 |