출시 전 광고 플러그인 테스트
개요
Brightcove Player에서 비디오 광고를 표시하는 것은 복잡한 작업 일 수 있습니다. 여러 엔티티 (Brightcove Player 자체, 광고 서버 및 특정 광고 플러그인)는 모두 성공적인 광고 전달에 관여합니다. IMA3 및 FreeWheel 플러그인 업데이트를위한 테스트 환경을 제공하기 위해 Brightcove는 플러그인의 출시 전 버전을 제공합니다. 이 문서는 이러한 시험판으로 테스트하는 방법에 대한 지침을 제공합니다.
프리 릴리즈는 Brightcove 웹 플레이어 개발자 포럼 ,뿐만 아니라변경 로그섹션 IMA3 플러그인으로 광고과 FreeWheel 플러그인으로 광고서류.
Studio에서 IMA3 테스트
다음 단계는 Studio에서 출시 전 IMA3 플러그인을 테스트하는 방법을 안내합니다.
- 안전을 위해 현재 사용 중인 플러그인의 현재 버전/plugins/plugin-version-reference.html을 기록해야 합니다. 이렇게하면 테스트하기 전에 사용했던 플러그인 버전을 복원 할 수 있습니다. 플러그인 버전참조문서에서 항상 최신 버전의 플러그인을 찾을 수 있습니다.
- 플레이어 모듈을 열고 새 플레이어를 만들거나 플러그인을 추가하려는 플레이어를 찾습니다.
- 플레이어에 대한 링크를 클릭하여 플레이어의 속성을 엽니다.
- 왼쪽 탐색 메뉴에서광고를클릭합니다.
- 선택 취소클라이언트 측 (IMA) 활성화 . 곧 수동으로로드 할 버전을 방해 할 수 있으므로이 기능을 사용하지 않는 것이 좋습니다.
- 저장을 클릭합니다.
- 왼쪽 탐색 메뉴에서플러그인을클릭합니다.
- 그런 다음플러그인 추가를클릭합니다.
- 플러그인 이름에을 입력합니다
ima3
. - 자바스크립트 URL의 경우 시험판 자바스크립트 파일의 URL을 입력합니다.
- CSS URL에 시험판 CSS 파일의 URL을 입력합니다.
- 옵션 (JSON)텍스트 상자에 구성 옵션을 입력합니다. 이전에 다음을 사용하여 IMA3 플러그인을 구성한 경우플러그인섹션에서 옵션을 변경할 필요가 없습니다.
- 저장을 클릭합니다.
- 플레이어를 사용하려면게시 및 삽입 . 다음을 사용하여 테스트 할 수 있습니다. 플레이어 미리보기또는 다음을 게시하고 사용할 수 있습니다. 게시 된 플레이어 .
- 열린 대화상자를 닫으려면닫기를클릭합니다.
Studio에서 FreeWheel 테스트
다음 단계는 Studio에서 시험판 FreeWheel 플러그인을 테스트하는 방법을 안내합니다.
- 안전을 위해 현재 사용중인 플러그인의 현재 버전을 기록해야 합니다. 이렇게하면 테스트하기 전에 사용했던 플러그인 버전을 복원 할 수 있습니다. 플러그인 버전참조문서에서 항상 최신 버전의 플러그인을 찾을 수 있습니다.
- 플레이어 모듈을 열고 새 플레이어를 만들거나 플러그인을 추가하려는 플레이어를 찾습니다.
- 플레이어에 대한 링크를 클릭하여 플레이어의 속성을 엽니다.
- 왼쪽 탐색 메뉴에서플러그인을클릭합니다.
- 다음으로플러그인 추가또는 보시면 FreeWheelPlugin플러그인 목록에서 클릭하십시오.
- 플러그인 이름에을 입력합니다
FreeWheelPlugin
. - 자바스크립트 URL의 경우 시험판 자바스크립트 파일의 URL을 입력합니다.
- CSS URL에 시험판 CSS 파일의 URL을 입력합니다.
- 옵션 (JSON)텍스트 상자에 구성 옵션을 입력합니다. 이전에 FreeWheel 플러그인을 구성한 경우플러그인섹션에서 옵션을 변경할 필요가 없습니다.
- 저장을 클릭합니다.
- 플레이어를 사용하려면게시 및 삽입 . 다음을 사용하여 테스트 할 수 있습니다. 플레이어 미리보기또는 다음을 게시하고 사용할 수 있습니다. 게시 된 플레이어 .
- 열린 대화상자를 닫으려면닫기를클릭합니다.
프로그래밍 방식 구현 테스트
플러그인을 프로그래밍 방식으로 구현 한 테스트는 IMA3 플러그인을 사용하든 FreeWheel 플러그인을 사용하든 동일합니다. 기본적으로 JavaScript 및 CSS 파일의 기존 경로를 시험판 버전의 경로로 바꾸면됩니다. 이 작업을 수행하는 단계는 다음과 같습니다.
- 안전을 위해 현재 사용중인 플러그인의 현재 버전을 기록해야 합니다. 이렇게하면 테스트하기 전에 사용했던 플러그인 버전을 복원 할 수 있습니다. 플러그인 버전참조문서에서 항상 최신 버전의 플러그인을 찾을 수 있습니다.
- 코드에서
<link>
과<script>
적절한 플러그인에 대한 CSS 및 JavaScript를 가져 오는 태그. 아래 코드에서 IMA3 플러그인의 예가 강조 표시되어 있습니다. - 해당 경로를 시험판 버전으로 바꿉니다.
- 페이지를 새로 고치면 시험판 버전을 사용하게됩니다.
- 테스트가 완료되면 기록 된 경로를 사용하여 JavaScript 및 CSS 파일에 대한 경로를 다시 편집하여 원래 구성을 복원하십시오.
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>IMA3 Plugin Code Example</title>
<link href="https://players.brightcove.net/videojs-ima3/4/videojs-ima3.css" rel="stylesheet">
</head>
<body>
<video-js id="myPlayerID"
data-account="1752604059001"
data-player="Hy3gDJHu"
data-embed="default"
controls=""
data-video-id="3851380732001"
data-playlist-id=""
data-application-id=""
width="960" height="540"></video-js>
<script src="https://players.brightcove.net/1752604059001/default_default/index.min.js"></script>
<script src="https://players.brightcove.net/videojs-ima3/4/videojs-ima3.min.js"></script>
<script>
var myPlayer;
bc('myPlayerID').ima3({
serverUrl: 'http://solutions.brightcove.com/bcls/brightcove-player/vmap/simple-vmap.xml';
});
videojs.getPlayer('myPlayerID').ready(function() {
myPlayer = this;
...
});
</script>
</body>
</html>