2017-12-30 7 views
0

Youtube.com에는 목록을 만든 다음 원하는 동영상을 목록에 추가 할 수있는 기능이 있습니다. 이 컨트롤의 작동 방식을 보여주는 세 가지 스크린 샷이 있습니다.Youtube가이 목록 컨트롤을 어떻게 구현 했습니까?

Click to add to list
Add to a list
Create and add to a new list

사람이 설명하거나 그들이 어떻게이 제어를 구현하고에 추측 할 수? 각 그림에서 어떤 일이 벌어지고 있습니까? 그들이 사용하는 기술은 무엇입니까? 나는 코드 샘플을 쓰는 사람을 요구하지 않는다. 오히려 여기에서 무슨 일이 일어나고 있는지 (JavaScript, jQuery, JS 프레임 워크 X) 무엇을 사용하고 있는지 설명 할 수있어서 직접 구현할 수 있습니다. JavaScript를 많이 알지는 못하지만 이와 같은 컨트롤을 만들 수 있기를 바랍니다.

+0

YouTube 용으로 설계된 맞춤형 API를 사용했을 가능성이 큽니다. 실제로 [YouTube 개발자 API] (https://developers.google.com/youtube/code_samples)를 사용할 수 있으므로이 사이트를 기반으로 사이트를 추측 할 수 있습니다. –

+2

JS 컨트롤과 CSS 레이아웃 너머에는 각 사용자의 목록을 저장하려는 강력한 데이터베이스가 있습니다. 그 질문은 *** 자바 스크립트를 모른다는 사람에게 너무 광범위하다. *** –

+0

나는 조사 할 접근법에 대한 아이디어를 찾고 있었다. 나는 거기에서 그것을 가져갈 수있다. 나는 당신이 원하는 모두를 downvote. – William

답변

0

유튜브 인터페이스는 Polymer의 사용법으로 제작되었습니다.

이 특정 구성 요소는 iron-dropdown이며 "모달"대화 상자의 모든 논리를 담당합니다.

이 대화 상자에는 ytd-add-to-playlist-renderer, paper-checkbox과 같은 사용자 지정 구성 요소가 있습니다. 이러한 구성 요소는 HTML 요소를 기본 드롭 다운 요소 내부에 렌더링합니다.

관련 문제