YouTube, Vimeo 및 기타 온라인 서비스를 사용하여 Dreamweaver에서 비디오를 호스팅하는 방법 - 인형

비디오: The Third Industrial Revolution: A Radical New Sharing Economy 2024

Dreamweaver를 사용하여 멀티미디어를 제작물에 통합하기 시작한 디자이너는 YouTube 나 인기있는 비디오 호스팅 사이트 중 하나를 사용하여 단순화해야합니다. Vimeo. 이러한 호스팅 서비스는 사용자에게 비디오 자산의 저장, 대역폭, 압축, 형식 지정 및 전달을 처리합니다.

비디오 파일을 업로드 한 다음 해당 사이트의 특수 코드를 웹 페이지의 HTML 코드에 포함하기 만하면됩니다. 웹 서버에서 호스팅되지 않은 경우에도 동영상이 페이지 내에서 재생됩니다.

기밀 정보, 민감한 정보 또는 비즈니스 목표를 달성하는 데 사용되는 비디오가 포함 된 사이트를 디자인하는 경우 콘텐츠 전달 네트워크 (CDN)를 사용하는 것이 가장 좋습니다. BrightCove, Akamai 및 Amazon Web Services와 같은 서비스는 대역폭과 전송을 처리 할뿐만 아니라 비디오 클립을 올바른 형식으로 트랜스 코딩하여 데스크톱, 태블릿 및 스마트 폰에서 원활하게 재생할 수있는 옵션을 제공합니다.

YouTube는 동영상을 가장 많은 잠재 고객에게 무료로 제공하고 싶지만 사이트에서 호스팅 한 것과 달리 동영상에 대한 권리를 일부 포기하는 경우 유용한 옵션입니다. 마찬가지로 YouTube에서 사이트에 동영상을 추가 할 때 YouTube 로고가 포함 된 YouTube 플레이어와 표시 될 수있는 광고가 붙어 있습니다.

사용하는 모든 동영상 사이트의 이용 약관을 읽고, 제공 할 수있는 권리와 앞으로 사이트에서 동영상을 사용하는 방법을 완전히 이해할 수 있도록하십시오.

오늘날 YouTube와 Vimeo는 대부분의 중소 규모 웹 사이트에 가장 적합한 옵션을 제공하는 것으로 보이지만 경쟁 업체가 부상하고 있습니다. 이러한 비디오 회사가 제공하는 서비스는 계속 변화하므로 비디오를 호스팅 할 위치를 결정하기 전에 자신이 필요로하는 최상의 서비스를 조사하고 싶을 수도 있습니다.

YouTube 또는 Vimeo와 같은 사이트에서 비디오를 호스팅 할 때의 이점은 다음과 같습니다.

향상된 비디오 압축:

YouTube와 Vimeo는 서버에 업로드 할 때 비디오를 최적화하며, 당신보다 더 잘할 수 있습니다. 각 방문자에게 적합한 버전 제공:
YouTube는 방문자의 연결 속도와 장치를 감지하여 그에 따라 비디오를 제공합니다. iPhone으로 YouTube를 방문하면 MP4 형식의 비디오를 볼 수 있습니다. 동일한 비디오를 컴퓨터로 보면 플래시 버전을 볼 수 있습니다. 마찬가지로 고속 3G 연결 인 경우 고해상도 버전이 표시됩니다. 대역폭 비용 관리:
이 서비스는 비용 절감에 도움이됩니다. 비디오가 인기 있고 자신의 비디오를 호스팅하는 경우 웹 호스트의 대역폭 제한을 초과하여 추가 비용이 발생할 수 있습니다. 비디오는 다른 유형의 컨텐츠보다 더 많은 대역폭을 사용하므로 초과분은 많은 비용이 소요될 수 있습니다. YouTube 또는 Vimeo에서 비디오를 호스팅하면 비디오 대역폭 비용이 추가되는 것에 놀라지 않을 것입니다. YouTube 또는 Vimeo에서 비디오를 호스팅하는 것은 쉽습니다. 방법은 다음과 같습니다.

양식을 작성하여 사이트에 계정을 만들거나 이미 계정에 로그인하여 계정에 로그인하십시오.

Vimeo에서 전문적인 서비스를 사용하려면 수수료를 지불해야합니다.

웹 브라우저를 통해 사이트에 파일을 업로드하십시오.
이 과정에서 비디오는 업로드되고 인코딩되며 사이트 및 사용 방법에 따라 수 분이 소요될 수 있습니다.

웹 사이트에 동영상을 퍼가기 위해 필요한 코드를 복사하는 사이트의 안내를 따르십시오.
예를 들어, YouTube에서 Embed 버튼을 클릭하면 사용자에게 동영상이 표시되는 방식을 제어 할 수있는 대화 상자가 표시됩니다.

Dreamweaver에서 웹 페이지를 엽니 다. 페이지의 HTML 코드에서 동영상을 표시 할 위치를 클릭 한 다음 코드 스 니펫을 붙여 넣습니다.
Dreamweaver의 분할보기를 사용하면 코드를 붙여 넣을 정확한 위치를 쉽게 찾을 수 있으며 코드를 디자인보기가 아닌 Dreamweaver에 붙여 넣을 수 있습니다.