iframe-proxy | Sunbelt Computer Software

This repository was archived by the owner on Aug 12, 2025. It is now read-only.

Repository navigation

History

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

<!DOCTYPE html>

<html>

<head>

<title>YouTube Data API Quickstart</title>

</head>

<body>

<p>YouTube Data API Quickstart</p>

<button id="authorize-button" style="display: none;">Authorize</button>

// Client ID and API key from the Developer Console

var CLIENT_ID = '<YOUR_CLIENT_ID>';

// Array of API discovery doc URLs for APIs used by the quickstart

var DISCOVERY_DOCS = ["https://www.googleapis.com/discovery/v1/apis/youtube/v3/rest"];

// Authorization scopes required by the API. If using multiple scopes,

// separated them with spaces.

var SCOPES = 'https://www.googleapis.com/auth/youtube.readonly';

var authorizeButton = document.getElementById('authorize-button');

var signoutButton = document.getElementById('signout-button');

/**

* On load, called to load the auth2 library and API client library.

function handleClientLoad() {

gapi.load('client:auth2', initClient);

}

/**

* Initializes the API client library and sets up sign-in state

* listeners.

function initClient() {

gapi.client.init({

discoveryDocs: DISCOVERY_DOCS,

clientId: CLIENT_ID,

scope: SCOPES

}).then(function () {

// Listen for sign-in state changes.

gapi.auth2.getAuthInstance().isSignedIn.listen(updateSigninStatus);

// Handle the initial sign-in state.

updateSigninStatus(gapi.auth2.getAuthInstance().isSignedIn.get());

authorizeButton.onclick = handleAuthClick;

signoutButton.onclick = handleSignoutClick;

});

}

/**

* Called when the signed in status changes, to update the UI

* appropriately. After a sign-in, the API is called.

function updateSigninStatus(isSignedIn) {

if (isSignedIn) {

authorizeButton.style.display = 'none';

signoutButton.style.display = 'block';

getChannel();

} else {

authorizeButton.style.display = 'block';

signoutButton.style.display = 'none';

}

/**

* Sign in the user upon button click.

function handleAuthClick(event) {

gapi.auth2.getAuthInstance().signIn();

}

/**

* Sign out the user upon button click.

function handleSignoutClick(event) {

gapi.auth2.getAuthInstance().signOut();

}

/**

* Append text to a pre element in the body, adding the given message

* to a text node in that element. Used to display info from API response.

* @param {string} message Text to be placed in pre element.

function appendPre(message) {

var pre = document.getElementById('content');

var textContent = document.createTextNode(message + '\n');

pre.appendChild(textContent);

}

/**

* Print files.

function getChannel() {

gapi.client.youtube.channels.list({

'part': 'snippet,contentDetails,statistics',

'forUsername': 'GoogleDevelopers'

}).then(function(response) {

var channel = response.result.items[0];

appendPre('This channel\'s ID is ' + channel.id + '. ' +

'Its title is \'' + channel.snippet.title + ', ' +

'and it has ' + channel.statistics.viewCount + ' views.');

});

}

</script>

onload="this.onload=function(){};handleClientLoad()"

onreadystatechange="if (this.readyState === 'complete') this.onload()">

</script>

</body>

</html>

Sunbelt Computer Software

PL/B Language Development and Support

Navigation Menu

Repository navigation

quickstart.html

quickstart.html

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

quickstart.html

Latest commit

History

quickstart.html

File metadata and controls