var BCLS = ( function (window, document) {
// account id calue is the default
var account_id = '57838016001',
account_password = '',
account_username = '',
player_name = '',
player_id,
account_id_input = document.getElementById('account_id_input'),
client_id_input = document.getElementById('client_id_input'),
client_secrect_input = document.getElementById('client_secrect_input'),
player_name_input = document.getElementById('player_name_input'),
media_url_input = document.getElementById('media_url_input'),
media_type_input = document.getElementById('media_type_input'),
create_response = document.getElementById('create_response'),
publish_response = document.getElementById('publish_response'),
player_embedded = document.getElementById('player_embedded'),
create_player = document.getElementById('create_player'),
preview_player = document.getElementById('preview_player'),
player_code,
now = new Date();
// initial value for player name (make unique)
player_name_input.value = 'Test Player ' + now.toISOString();
// event handlers
create_player.addEventListener('click', function() {
createRequest('createPlayer');
});
preview_player.addEventListener('click', function() {
// inject the player - clear the div first to allow repeated clicks
player_embedded.innerHTML = '';
player_embedded.insertAdjacentHTML('afterbegin', player_code);
});
/**
* get selected value for single select element
* @param {htmlElement} e the select element
* @return {String} the selected value
*/
function getSelectedValue(e) {
var selected = e.options[e.selectedIndex],
val = selected.value;
return val;
}
/**
* createRequest sets up requests, send them to makeRequest(), and handles responses
* @param {string} type the request type
*/
function createRequest(type) {
var options = {},
requestBody = {},
proxyURL = 'https://solutions.brightcove.com/bcls/bcls-proxy/bcls-proxy-v2.php',
baseURL = 'https://players.api.brightcove.com/v1/accounts/',
endpoint,
responseDecoded;
if (client_id_input.value.length > 0 && client_secrect_input.value.length > 0) {
options.client_id = client_id_input.value;
options.client_secret = client_secrect_input.value;
}
options.account_id = (account_id_input.value.length > 0) ? account_id_input.value : account_id;
options.proxyURL = proxyURL;
switch (type) {
case 'createPlayer':
endpoint = '/' + options.account_id + '/players';
options.url = baseURL + endpoint;
options.requestType = 'POST';
requestBody.name = player_name_input.value;
requestBody.configuration = {};
if (media_url_input.value.indexOf('//') > -1) {
requestBody.configuration.media = {};
requestBody.configuration.media.sources = [];
requestBody.configuration.media.sources[0] = {};
requestBody.configuration.media.sources[0].src = media_url_input.value;
requestBody.configuration.media.sources[0].type = getSelectedValue(media_type_input);
} else {
// assume video id
requestBody.configuration.video_cloud = {};
requestBody.configuration.video_cloud.video = media_url_input.value;
}
options.requestBody = JSON.stringify(requestBody);
makeRequest(options, function(response) {
responseDecoded = JSON.parse(response);
player_id = responseDecoded.id;
create_response.textContent = JSON.stringify(responseDecoded, null, 2);
if (player_id) {
createRequest('publishPlayer');
}
});
break;
case 'publishPlayer':
endpoint = '/' + options.account_id + '/players/' + player_id + '/publish';
options.url = baseURL + endpoint;
options.requestType = 'POST';
makeRequest(options, function(response) {
responseDecoded = JSON.parse(response);
player_code = responseDecoded.embed_code;
publish_response.textContent = JSON.stringify(responseDecoded, null, 2);
});
break;
// additional cases
default:
console.log('Should not be getting to the default case - bad request type sent');
break;
}
}
/**
* send API request to the proxy
* @param {Object} options for the request
* @param {String} options.url the full API request URL
* @param {String = "GET", "POST", "PATCH", "PUT", "DELETE"} requestData[options.requestType = "GET"] HTTP type for the request
* @param {String} options.proxyURL proxyURL to send the request to
* @param {String} options.client_id client id for the account( default is in the proxy)
* @param {String} options.client_secret client secret for the account(default is in the proxy)
* @param {JSON} [options.requestBody] Data to be sent in the request body in the form of a JSON string
*
@param {Function} [callback] callback function that will process the response
*/
function makeRequest(options, callback) {
var httpRequest = new XMLHttpRequest(),
response,
requestParams,
dataString,
proxyURL = options.proxyURL,
// response handler
getResponse = function() {
try {
if (httpRequest.readyState === 4) {
if (httpRequest.status >= 200 && httpRequest.status < 300) {
response = httpRequest.responseText;
// some API requests return '{null}' for empty responses - breaks JSON.parse
if (response === '{null}') {
response = null;
}
// return the response
callback(response);
} else {
alert('There was a problem with the request. Request returned ' + httpRequest.status);
}
}
} catch (e) {
alert('Caught Exception: ' + e);
}
};
/**
* set up request data
* the proxy used here takes the following request body:
* JSON.strinify(options)
*/
// set response handler
httpRequest.onreadystatechange = getResponse;
// open the request
httpRequest.open('POST', proxyURL);
// set headers if there is a set header line, remove it
// open and send request
httpRequest.send(JSON.stringify(options));
}
})(window, document);
!
