Search code examples
htmlgoogle-drive-apimarquee

Use a .txt file as the source for text in a marquee where that text file is on Google Drive?

I want to use a .txt file located on Google Drive as the source for text for a marquee. I cannot figure out the correct way to accomplish this. I want to replace the static text in the following code with my source file.

<html>
<head>


     <meta name="viewport" content="width=device-width">
</head>
<!-- CSS Code -->
<style>
.GeneratedMarquee {
font-family:Helvetica, sans-serif;
font-size:2em;
line-height:1.3em;
color:#ffffff;
background-color:#000000;
padding:.2em;

}
</style>
<body style="background-color:black">
<!-- HTML Code -->
    <video autoplay loop muted playsinline width="90%" height="90%" name="media" class="center">
    <source src="https://drive.google.com/uc?export=download&id=1d5M6i3z0mI5L1mu0kgqdGGi3tiGqHASJ" type='video/mp4'>
    </video>

    <marquee class="GeneratedMarquee" direction="left" scrollamount="8" behavior="scroll">Replace this with txt file on Google Drive</marquee>

</body>
</html>
Solution

  • The Google Drive API allows you to create apps that leverage Google Drive cloud storage. You can develop applications that integrate with Google Drive, and create robust functionality in your application using Google Drive API.

    Google drive API is not intended for use as a file server. Its simply a file storage system. What you are trying to do is not going to work. There will be no way for you to authorize someone clicking on that link to be able to access the file.

    You should look at storing the files on your own file server.