# audio

16개의 포스트
post-thumbnail

[Audio]MFCC VS Mel-Spectrogram

MFCC로 feature 추출Mel-Spectrogram 추출각기 특징 및 장단점에 대해 알아보겠습니다. 음성 데이터를 ‘특징벡터’화 해주는 알고리즘.1) 사람이 인지하기 좋은 Mel -scale 로 2) 음성데이터를 모두 20~40ms로 쪼개어 fourier tr

2022년 1월 7일
·
0개의 댓글
post-thumbnail

1. Javascript Drum

키보드 입력을 인식해서 그에 맞는 소리를 출력하는 드럼을 만들자키보드가 눌리는 이벤트(keydown)이 발생하면'playSound' 콜백함수가 실행된다.선택자를 이용해 html element를 가져온다.선택자에 해당하는 요소가 여러개 있으면 DOM tree 맨 위에 있

2022년 1월 6일
·
0개의 댓글
post-thumbnail

[Tensorflow] 오디오 데이터 전처리하기1(librosa, fft, log- melspectrogram)

Reference https://ichi.pro/ko/tensorflowleul-sayonghayeo-gpueseo-odioleul-swibge-cheolihaneun-bangbeob-50154769354502 https://towardsdatascience.com

2021년 12월 12일
·
0개의 댓글
post-thumbnail

[회고] 3개월간 딥러닝 프로젝트를 마무리하며 느낀 점(2021.09 ~ 2021.12)

약 3개월간의 딥러닝 협업 프로젝트가 얼추 마무리되었다. 그간 느낀 점들을 자세하게 기술한다.내가 진행항 프로젝트는 '딥러닝 생성모델을 활용한 ASMR 음원 생성 프로젝트' 였다.프로젝트 중반부까지의 개요는 해당 깃헙 레포 를 통해 확인할 수 있다. 처음은 너무 어렵

2021년 12월 12일
·
0개의 댓글
post-thumbnail

음악 플레이어

https://github.com/YeonghunKO/music-player 에서 코드 확인가능.간단한 뮤직플레이어 컴포넌트를 만들어보았다.progress bar를 클릭하여 음악 재생 시점을 조절할 수 있다.음악이 끝나면 자동으로 넘어간다.inherit: 말그

2021년 11월 28일
·
0개의 댓글

유니티 오디오 파일이 깨진 것 같은 오디오 효과

최근에 VFX, Post Processing, Audio Mix 등등 여러가지 게임에 몰입감을 더할 수 있는 여러 요소들을 공부하던 중에 재밌있는 효과를 발견해서 글을 쓴다.Audio Echo Filter에 Decay 값을 극단적으로 올리고 Delay 값을 잘 조절하면

2021년 11월 25일
·
0개의 댓글
post-thumbnail

웹문서에 멀티미디어 삽입하기

object 태그는 오디오, 비디오, PDF 등 다양한 멀티미디어 파일을 삽입할 때 사용합니다.embed 태그는 오디오, 비디오, 이미지 등 다양한 멀티미디어 파일을 삽입할 수 있습니다. HTML 초기 버전부터 사용해서 호환성이 매우 높습니다. 따라서 audio, vi

2021년 11월 10일
·
0개의 댓글
post-thumbnail

HTML 오디오&비디오태그

우선 말그대로 오디오태그는 <audio></audio> , 비디오태그는 <video></video>로 쓸수있다. 닫는태그가있다는걸 주의!<img>태그처럼 안에 속성을 넣을수있다.오디오와 비디오 둘다 넣었는데 저렇게 보인다 .저기서 속성으로 c

2021년 10월 10일
·
0개의 댓글
post-thumbnail

TIL 11. HTML의 여러가지 태그 #5(Media Files)

.jpg) Media Files 관련 태그 img audio -. 속성 controls, autoplay, loop -. source 따로 사용하는 방법 --> type 명시, 브라우저 별 지원하지 않는 형식의 파일이 있기 때문에 여러가지 형식의 오디오 파일을 첨부

2021년 7월 18일
·
0개의 댓글
post-thumbnail

#2.7 body tags, 요약, mark, sub, sup, strong, audio

html tags mdn https://developer.mozilla.org/ko/docs/Web/HTML/Elementbody tagsMy name is NSA ( abbr title : NSA에 대한 약어 설명, 브라우저에서 마우스 갖다대면 설명 나옴 )

2021년 7월 3일
·
0개의 댓글
post-thumbnail

멀티미디어를 지원하는 태그

1. 이미지 (1)Tag 이미지 삽입 (2)Attribute src : 이미지 파일 경로 alt : 이미지 파일이 없을 경우 표시되는 문장 width: 이미지의 너미(CSS에서 지정하는 것이 일반적) height: 이미지의 높이(CSS에서 지정하는 것이 일반적)

2021년 6월 8일
·
0개의 댓글

HTML Image/Audio/Video

참고: PoiemaWeb

2021년 4월 8일
·
0개의 댓글
post-thumbnail

[HIG]User Interaction - 3. Audio

원문을 제가 이해한 대로 번역(?)한거라 의역, 오역이 있을 수 있습니다. 피드백 많이 해주세요 ㅎㅎ 2\. Apple Pencil and Scribble 는 PadOS 얘기라 건너뛰었습니다볼륨 버튼, 무음 스위치, 헤드폰 조작 및 스크린 볼륨 조절 등으로 소리를 조절

2021년 1월 30일
·
0개의 댓글
post-thumbnail

01. JavaScript Drum Kit

이 상태의 초기화면에서, 키보드 입력 값을 받아, 미리 준비된 대응하는 audio 파일을 재생 및 해당 버튼 CSS transform 효과주기윈도우 객체의 keyCode 값을 받아서, play 함수 실행하는 addEventListener 추가play 함수는 (1) 키코

2020년 12월 10일
·
0개의 댓글

html 요소(5)_멀티미디어

img / audio / video / figure

2020년 9월 21일
·
0개의 댓글