라이브뮤직반 당시 youtube로 노래방을 틀고자 했을 때 사용자가 직접 키를 조절한다던가 동영상의 빠르기 등을 손쉽게 변경할 수 없어 불편했던 상황이 있었습니다. 이를 해결하고자 사용자가 직접 맞춤형으로 조절할 수 있고 url로 플레이리스트를 만들어 음악 스트리밍을 관리하는 웹서비스를 만들고자 합니다.
- 2024-05-18 ~ 2024-06-29
Django, Python, Html, Css, Javascript
├─playList
│ └─__pycache__
├─templates
└─플리
├─forms
│ └─__pycache__
├─migrations
│ └─__pycache__
├─static
│ ├─audio
│ ├─css
│ └─img
│ └─플리
├─templates
│ └─플리
└─__pycache__
- 첫 메인화면으로 본인이 최근에 들은 곡이 나와 있으며 재생할 수 있습니다.
- 동영상 url 추가 화면으로 url 작성만 하면 해당 동영상이 나오며 아래에 부가 기능으로 동영상을 커스텀 마이징할 수 있는 옵션들이 주어집니다. (ex. 키 조절, 동영상 빠르기)
- 동영상을 플레이리스트에 저장하여 보관할 수 있습니다. 이 때 플레이리스트는 폴더와 동일한 방식으로 여러개 저장하여 보관할 수 있습니다.
- 최근 사람들의 Youtube 수요가 많다는 점과 키 조절하는 플랫폼이 흔하지 않다는 점으로 사람들의 수요가 많을 것으로 예상되고, 특히 커버곡과 같은 Youtube에만 있는 동영상들을 url로 빠르게 재생할 수 있어 서비스에 장점을 부각시켜줄 것 같습니다.
- 멜론 : 플레이리스트
- 플레이리스트에 본인 음악을 저장하고 반복 재생 및 한 곡만 연속 듣기 기능 지원.
- 차별점 : 음원과 mp3를 지원하지만 youtube의 커버송처럼 다양한 목적의 음악은 지원하지 않아 이를 서비스에서 해결합니다.
- startproject playList
- python -m pip install django~=4.2
- django-admin startproject playList
- File > Settings... > Language & Framework > Django > [v] Enable Django Support
- Run > Edit Configurations... > + Django Server > Name: runserver
- VCS > Enable Version Control Integration... > git > ok
- startapp 플리
- python manage.py startapp 플리
- '플리', in INSTALLED_APPS in settings.py
- 플리/
- models
- User
- id, pw, created_at, updated_at
- PlayList
- id, title, image, created_at, updated_at, author
- python manage.py makemigrations 플리
- python manage.py migrate
- User
- views
- show_index
- show_login
- show_signup
- show_mypage
- show_create
- show_delete
- show_update
- show_detail
- show_video_create
- show_video_delete
- show_url
- templates/플리/
- index.html
- login.html
- signup.html
- playlist_list.html
- playlist_create.html
- playlist_confirm_delete.html
- playlist_update.html
- playlist_detail.html
- video_create.html
- video_confirm_delete.html
- url.html
- urls
- 플리:show_index
- 플리:EmailLoginView.as_view()
- 플리:SingUpView.as_view()
- 플리:PlayListView.as_view()
- 플리:PlayListCreateView.as_view()
- 플리:PlayListDeleteView.as_view()
- 플리:PlayListUpdateView.as_view()
- 플리:PlayListDetailView.as_view()
- 플리:VideoCreateView.as_view()
- 플리:VideoDeleteView.as_view()
- 플리:show_url
- static/
- css/
- style.css > 전역 스타일 시트
- index.css > index html 스타일 시트
- login.css > login, signup html 스타일 시트
- create.css > playList create html 스타일 시트
- delete.css > playList delete html 스타일 시트
- mypage.css > playList list view html 스타일 시트
- detail.css > playlist detail html 스타일 시트
- video-create.css > video create html 스타일 시트
- url.css > url html 스타일 시트
- img/
- solar_play-bold-duotone.svg > 로고 이미지
- sound-bar.svg > 사운드바 이미지
- delete.svg > playList 삭제 이미지
- edit.svg > playList 수정 이미지
- audio
- 고민중독.mp3 > index 메인 오디오
- css/
- models
- templates/
- base.html
- settings.py > TEMPLATES
- 'DIRS': [BASE_DIR / 'templates']
- settings.py > TEMPLATES
- base.html