[공개용 S/W 개발] 명크박스(미완)
류명운
·2016. 12. 13. 08:49
[공개용 S/W 개발] 명크박스(미완)
- HTML5 AUDIO 객체를 이용한 Music Box _WebApp
- (참고 1) myeongkBox - http://myeonguni.com/myeongkBox/myeongkBox.html
- (참고 2) GitHub - https://github.com/myeonguni/myeongkBox
- (개발 중)
myeongkBox_v1.0
해당 프로젝트가 가능할 것인가에 대한 탐색(?) 단계 버전
HTML5 Audio 객체 생성 → Play / Pause toggle Btn 생성 → TEST 진행
myeongkBox_v2.0
업데이트 사항
(16-12-15) 페이지(오디오) 로딩 애니메이션 추가
(16-12-15) Special 라인 추가
- 강균성 - 블랙핑크(휘파람) 성대모사 1 "어~~~"
강균성 - 블랙핑크(휘파람) 성대모사 2 "휘~파람 파람~ 파람~ 파람"
(16-12-17) 기존 Audio 객체 -> AudioContext로 변경 (1)
일단은 초기 음원 파일 셋팅 작업 수행
init.js 및 buffer-loader.js 파일 생성
MDN 참고) https://developer.mozilla.org/ko/docs/Web/API/AudioContext
html5rocks 참고) https://www.html5rocks.com/en/tutorials/webaudio/intro/#toc-abstract
앞으로 해야할 사항
로고 및 로딩 애니메이션 제작
공부 겸 CSS 파일로 제작할 것
녹음 기능(+mp3 파일로 다운로드)
직접 믹스한 음원 Recoding 기능 추가
Audio Context로 제작된 데이터스트림을 audio 포맷으로 변경하여 파일 출력 → https://developer.mozilla.org/ko/docs/Web/API/AudioContext/createMediaStreamDestination
음원 Recoding 시 동시에 보이스 녹음 기능 추가(https://webaudiodemos.appspot.com/AudioRecorder/index.html 참고)
자동 뮤직 비디오(플래쉬 몹 같은 느낌?) 생성 기능
각 오디오 개체 마다 myeongkBox에 재생될 상이한 플래쉬 몹 구상
ex) 영화 '8mile' 에 나오는 'x나 좋군~" 같은 리액션이 반복되도록..
Special 라인 저작권 관련 (...)
성대모사 같은 2차 저작물은 원저작권의 침해인지? 등
인스타그램 같은 SNS를 통한 스페셜 게스트의 승낙을 직접 받기
그 외
(...)
'삶의 늪에 들어 가기 전 > 정리중(미정리)' 카테고리의 다른 글
[디자인 패턴] 싱글톤 패턴(Singleton Pattern - Java) (0) | 2016.12.26 |
---|---|
[빅데이터] 구글 트렌드를 이용한 빅데이터 활용해보기 (0) | 2016.12.18 |
[개발자 강좌] 스터디 절대로 하지마라, 김포프(펌) (1) | 2016.12.12 |
[공개용 S/W 개발] 뉴스속보 합성 이미지 만들기 (0) | 2016.12.10 |
[공개용 S/W 개발] 명우니닷컴 (0) | 2016.12.08 |