본문 바로가기 메뉴 바로가기

🌱1 Day, 1 Commit Wonseok's Record

Github Link https://github.com/wonseok22 메뉴보기
  • 분류 전체보기 (454)
    • Algorithm (395)
      • Back Tracking (7)
      • Binary Search (8)
      • Brute Force (24)
      • Data Structure (35)
      • DFS & BFS (66)
      • DP(Dynamic Programming (23)
      • Dijkstra (12)
      • Divide Conquer (6)
      • Floyd-Warshall (4)
      • Greedy (39)
      • Implementation (100)
      • Math (45)
      • Regular Expression (2)
      • Sorting (14)
      • String (10)
    • CS(Computer Science) (11)
      • 네트워크,통신 (2)
      • 운영체제(OS) (1)
      • 자료구조(Data Sructure) (7)
      • 개발지식 (1)
    • 기술 분석 (1)
    • Project (5)
      • Node.js를 사용한 웹 사이트 만들기 (5)
    • Toy Projects (9)
      • Django - RESTful API서버 구축해보.. (4)
      • JavaScript - 영컴 타자 연습 (1)
      • JavaScript - Mp3 플레이어 (1)
      • JavaScript - 카드 뒤집기 게임 (1)
      • JavaScript - 테트리스 (1)
      • [GPT-4] 책 요약해서 유튜브 쇼츠 영상으로 .. (1)
    • Java (1)
    • Spring (5)
    • Python (4)
    • MySQL (2)
    • EC2 (1)
    • Javascript (0)
    • Django (1)
    • React.js (3)
    • Node.js (5)
      • 개념 정리 (5)
    • Script Sample (6)
      • SearchEffect (6)
    • 웹 설계 (2)
      • UIUX 요구 분석 (2)
흔적남기기
검색하기 폼

최근 글

댓글

태그

  • 백준 1325
  • crud
  • 트리의 순회
  • 우선순위 큐
  • python
  • 최소힙
  • 파이썬
  • ejs
  • BST
  • 트리
  • express.js
  • 최대힙
  • BOJ
  • 덱
  • 큐
  • Put
  • 기초문법
  • 백준
  • Django
  • Heap
  • BFS
  • 장고
  • 자료구조
  • CS
  • 이진탐색트리
  • Rest
  • Data Structure
  • 너비우선탐색
  • REST API
  • Node.js

흔적

  • 다녀간 사람들
  • 오늘 온 분
  • 어제 온 분
공지사항
링크
  • Github Link
글 보관함
Toy Projects/JavaScript - Mp3 플레이어에 관한 글 (1)
JavaScript- mp3 Player 구현 / 자바스크립트 - mp3 Player 구현

mp3 플레이어 유튜브 API를 받아와 영상을 재생해주는 웹 서비스 개발을 구상하고 있습니다. 영상을 재생하기 위한 플레이어를 구현해 보았습니다. 주요 기능 음악 재생 플레이 버튼 클릭 시, 음악이 재생되고 음악의 총 재생시간과 현재 재생시간을 게이지바로 나타내었습니다. 정지 버튼 음악 플레이 중에는 재생 버튼이 일시정지 버튼으로 바뀌고 이 버튼을 클릭할 시 음악이 일시 정지되게 하였습니다. 음악 변경 좌, 우 버튼 클릭시 다음 노래 또는 이전 노래를 선택할 수 있게 구현하였습니다. 현재 노래 반복, 랜덤 셔플 현재 노래 반복과 랜덤 셔플 기능을 추가하여 해당 기능을 선택 시 기능에 맞게 현재 음악이 반복재생되거나 다음 노래를 선택할 때 자동 셔플되도록 하였습니다. 플레이리스트 플레이리스트 버튼을 추가하..

Toy Projects/JavaScript - Mp3 플레이어
이전 1 다음
이전 다음
© 2022 WonSeok, All rights reserved
728x90

티스토리툴바