데모
플레이어에 대해
이것은 Angular-Cli, NGX-Socket-IO, @Angular/CDK를 기반으로 한 간단한 YouTube 웹 플레이어입니다.
이 플레이어는 Chrome/WebKit 브라우저와 호환됩니다.
프로젝트 상태는 RC (릴리스 후보)입니다.
사용 방법
개발을 위해
Nodejs 16.14.0+를 설치하십시오
다운로드/클론 리포지토리를 한 다음 플레이어를 설치하십시오
npm install ( /SRC가 아님)
SRC/App/Environments/Settings.ts.ts 또는 설정 페이지의 앱 내부에서 YouTube API 키 추가 (실행 중)
서버를 시작하십시오
npm install && npm start
- 서버에 연결하십시오
SRC/App/Environments/Environment 내부에서 변경해야합니다. 서버로 향하는 경로.
앱을 구축합니다
- Angular-Cli를 설치하십시오
npm install -g @angular/cli
- 루트 폴더 내부에서 실행됩니다 ( /SRC가 아님)
기타 빌드 옵션에 대한 각도 문서를 확인하십시오.
ng build --prod=true
changelog
Angular YouTube 플레이어 2.6.0
- 세션의 손님 목록
- 사소한 문제 고정 (RC)
- 스크롤 할 때 미니 플레이어를 추가하십시오
- 재생 목록의 첫 번째 비디오는 이제 현재 비디오입니다
Angular YouTube 플레이어 2.5.2
- 카테고리 배지를 추가하여 비디오와 현재 비디오를 공급하십시오
- UI 업데이트
- 새로운 모달 구성 요소
Angular YouTube 플레이어 2.5.1
- 각도를 LTS로 업그레이드 (7 ~ 8)
- 고정 반복 모드
- 재생 목록 / 관련 비디오의 레이아웃을 업데이트하십시오
Angular YouTube 플레이어 2.5
- 많은 의존성 사용을 피하기 위해 프로젝트를 정리했습니다.
- 지역을 변경할 때 문제를 해결하면 플레이어가 업데이트되지 않았습니다.
- 재생 목록의 UX 향상
- 방의 각 사용자를 식별하기 위해 클라이언트 이름이 추가되었습니다.
Angular YouTube 플레이어 2.4
- Socket.io 및 Private Server를 통해 Firebase에서 JSON으로 전환
- 반응 형 레이아웃
- 세션에서 플레이어 동기화
- 객실 : 고유 한 ID로 가입/퇴근실
- 비어있을 때 재생 목록은 더 이상 자동 인구가 없습니다
- .json 파일에서 더 이상 내보내기/가져올 수 없습니다
Angular YouTube 플레이어 2.3.3
- 리팩토링 후 버그가 수정되었습니다
- 클라우드에 업로드하고 클라우드에서 다운로드 할 수있는 재생 목록의 세션 키 추가 (Firebase와 통합)
- 레이아웃 업데이트
- 각도 5.2.0 ~ 7.0.1에서 업데이트
- 관련 동영상에 대한 회전 목마 (중고 NGU-Carousel)
Angular YouTube 플레이어 2.3
- LTS Angular에 대한 업데이트
- 전체 앱 서비스 및 구성 요소를 리팩토링합니다
- 속도 성능 향상 및 고정 주요 버그
- 앱을로드하는 새로운 방법
Angular YouTube 플레이어 2.2
- 드래그 앤 드롭으로 재생 목록을 정렬합니다 (중고 NG2-Dragula)
Angular YouTube 플레이어 2.1
- (음악, 게임, 자동차, 영화, 스포츠 등)와 같은 비디오가 포함 된 카테고리
- 리팩토링 코드
- 특정 지역에서 검색하십시오
- 특집 비디오의 복사 링크 수정
- UX 개선
Angular YouTube 플레이어 2.0.1
- youtube 재생 목록 가져 오기 및 내보내기 .json 파일
Angular YouTube 플레이어 2.0
- 데스크탑에서 애플리케이션을위한 글로벌 핫키 (Play/Pause/Next/Prev, 미디어 버튼이있는 키보드)
- Desktop 호환 앱을 내보내기 위해 NW.JS에 대한 지원 추가 : Windows X64, Linux X64
- 앱 자동 업데이트 (데스크탑 버전)
Angular YouTube 플레이어 1.9.2
Angular YouTube 플레이어 1.9.1
- LocalStorage가 비어 있으면 LocalStorage에 대한 settings.json을 얻으십시오
- 재생 목록이 자동으로 저장되면 비어 있으면 관련 비디오로 채워집니다.
- 전환 명단/다크 테마 모드
- 모든 비디오에 대한 링크 버튼을 공유하십시오
- 재구성 설정 페이지
- 내부 설정에 대한 자동 저장 (확인 설정)
- 외부 설정 수동 저장 (확인 설정)
- 성능, UI 및 UX 개선 및 수정
Angular YouTube 플레이어 1.9
- 재생 목록에서 항목 추가/제거, 처음 초기시기는 관련 동영상으로 미리 채워집니다.
- 다음/재생 목록의 이전 비디오
- 역사를 별도의 페이지로 옮겼습니다
- 설정에 대한 트렌드에 대한 토글 비디오, 반복 모드 및 목록 및 그리드 추가 .JSON
- 작은 수정
Angular YouTube 플레이어 1.7
- 트렌드의 첫 번째 비디오로 특집 비디오가 추가되었습니다
- 중요한 조치에 대한 알림
- 디버깅 모드가 제거되었습니다
- v2.0의 패키지, 코드 및 파일 준비
- 목록에 대한 UI/UX 향상
Angular YouTube 플레이어 1.6
- 현재 비디오 및 트렌드 동영상에 대한 비디오 세부 사항 수, 좋아요 및 싫어함과 같은 동영상
- 현재 비디오의 링크를 공유하십시오
- 모든 썸네일을 숨기기위한 새로운 설정이 추가되었습니다
- 사용자 정의 플레이어 버튼은 비디오를 숨길 때만 지금 표시됩니다.
Angular YouTube 플레이어 1.4
Angular YouTube 플레이어 1.3
- 비디오 플레이어를 표시/숨기십시오
- 비디오를 반복하십시오
- 트렌드 비디오를위한 그리드/목록 모드
- 설정 ( "assets/settings.json"에서 기본값을 설정할 수 있습니다. 곧 설정에서 직접 나타납니다).
- 트렌드 비디오를위한 국가 변경 (현재 3 개국, 미국, 영국 및 RO)
- 최대 결과 검색 (0 ~ 50)
- your_api 키
- 최대 관련 비디오 (0 ~ 50)
Angular YouTube 플레이어 1.2
- 트렌드 비디오 소개, 현재 기본 트렌드 비디오는 미국 출신입니다.
- 코드 리팩토링
- 왼쪽 Navbar에 표시 될 향후 구성 요소에 대한 경로 추가
- 기본 비디오는 트렌드 비디오에서 가장 먼저됩니다
- 비디오 플레이어 추가
- 새로운 기능과 일치하도록 디자인을 업데이트하십시오
Angular YouTube 플레이어 1.1
- 음소거/음소테이션 기능 추가
- 향상된 사용자 인터페이스 및 사용자 경험
- 설정 기능을 추가하면 설정이 자산/설정 에서 발생합니다 .JSON
설정
- 디버깅 기능 표시/숨기기
- 검색 중 썸네일 표시/숨기기
Angular YouTube 플레이어 1.0.2
Angular YouTube 플레이어 1.0.0
- YouTube에서 비디오를 검색하고 재생합니다
- 재생/일시 중지 비디오
- 듣고 싶은 비디오의 시간 변경
미래의 기능
백 로그
- iOS 8+ / Android 5+ 앱 (Versioned)
방
로드맵에서 3.0
- *안정적인 버전 릴리스 (v2.6.9)*
- *개인/공공 실 설정 (v2.7)*
- *공공 실 목록 (v2.8)*
- *비디오, 킥 룸메이트, 음소거 룸메이트 (v2.9)*를 추가 할 수있는 룸 중재자*
4.0까지 로드맵
- YouTube 계정 구독/재생 목록 통합 (v3.0)
기능이 제거되었습니다
- 데스크탑에서 애플리케이션을위한 글로벌 핫키 (Play/Pause/Next/Prev, 미디어 버튼이있는 키보드)
- Desktop 호환 앱을 내보내기 위해 NW.JS에 대한 지원 추가 : Windows X64, Linux X64
- 앱 자동 업데이트 (데스크탑 버전)
- 테마가 임시 제거되었습니다
저작권 및 라이센스
MIT 라이센스에 따른 저작권 퀴즈.
