Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
call slide google
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title><!DOCTYPE html>
<html>
<head>
<title>Google Slides API Quickstart</title>
<meta charset="utf-8" />
</head>
<body>
<p>Google Slides API Quickstart</p>
<!--Add buttons to initiate auth sequence and sign out-->
<button id="authorize_button" style="display: none;">Authorize</button>
<button id="signout_button" style="display: none;">Sign Out</button>
<pre id="content" style="white-space: pre-wrap;"></pre>
<script type="text/javascript">
// Client ID and API key from the Developer Console
var CLIENT_ID = 'xxxxxxxxxxxxxxxxxxx'
var API_KEY = 'xxxxxxxxxxxxxxxxxx'
// Array of API discovery doc URLs for APIs used by the quickstart
var DISCOVERY_DOCS = ["https://slides.googleapis.com/$discovery/rest?version=v1"];
// Authorization scopes required by the API; multiple scopes can be
// included, separated by spaces.
var SCOPES = "https://www.googleapis.com/auth/presentations";
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({
apiKey: API_KEY,
clientId: CLIENT_ID,
discoveryDocs: DISCOVERY_DOCS,
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;
}, function(error) {
appendPre(JSON.stringify(error, null, 2));
});
}
/**
* 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';
listSlides();
} 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 a pre element to the body containing the given message
* as its text node. Used to display the results of the API call.
*
* @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);
}
/**
* Prints the number of slides and elements in a sample presentation:
* https://docs.google.com/presentation/d/1EAYk18WDjIG-zp_0vLm3CsfQh_i8eXc67Jo2O9C6Vuc/edit
*/
function listSlides() {
gapi.client.slides.presentations.get({
presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4'
}).then(function(response) {
console.log('response 1',response.result.slides)
response.result.slides.forEach(slide =>{
gapi.client.slides.presentations.pages.getThumbnail({
presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
pageObjectId: slide.objectId
}).then(function(response) {
console.log('response 2',response)
}, function(response) {
appendPre('Error: ' + response.result.error.message);
});
})
}, function(response) {
appendPre('Error: ' + response.result.error.message);
});
/* gapi.client.slides.presentations.pages.getThumbnail({
presentationId: '1p9btJcC51kOfUkXnEifR6E_CmUkFE3ztEfMJdrpiAv4',
pageObjectId: 'p2'
}).then(function(response) {
console.log(response.result.contentUrl)
/!* var presentation = response.result;
var length = presentation.slides.length;
appendPre('The presentation contains ' + length + ' slides:');
for (i = 0; i < length; i++) {
var slide = presentation.slides[i];
//console.log(slide)
appendPre('- Slide #' + (i + 1) + ' contains ' +
slide.pageElements.length + ' elements.')
}*!/
}, function(response) {
appendPre('Error: ' + response.result.error.message);
});*/
}
</script>
<script async defer src="https://apis.google.com/js/api.js"
onload="this.onload=function(){};handleClientLoad()"
onreadystatechange="if (this.readyState === 'complete') this.onload()">
</script>
</body>
</html></title>
</head>
<body>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment