Transcript Generator
About this app
Generate transcripts for Numberblocks episodes
Transcript Generator Transcript Generator Number of Episodes: 1 2 3 4 5 Generate Transcripts
Related apps
Put this on your site
Source
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Transcript Generator</title>
<meta name="description" content="Generate transcripts for Numberblocks episodes">
<meta name="keywords" content="transcript, generator, Numberblocks, episodes">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<!-- Built-In Functions for Apps -->
<script type="text/javascript">
var localStoragePrefix = "ct-168875312818175";
var lastSave = 0;
// save to localstorage
function saveLocal(data) {
if (Date.now() - lastSave < 1000) {
return;
}
// save to cookie
let cookie = localStoragePrefix + "=" + JSON.stringify(data) + "; path=" + window.location.pathname + "'; SameSite=Strict";
cookie += "; expires=" + new Date(Date.now() + 1000 * 60 * 60 * 24 * 365 * 1000).toUTCString();
document.cookie = cookie;
lastSave = Date.now();
}
// load from localstorage
function loadLocal() {
var cookiePrefix = localStoragePrefix + "=";
var cookieStart = document.cookie.indexOf(cookiePrefix);
if (cookieStart > -1) {
let cookieEnd = document.cookie.indexOf(";", cookieStart);
if (cookieEnd == -1) {
cookieEnd = document.cookie.length;
}
var cookieData = document.cookie.substring(cookieStart + cookiePrefix.length, cookieEnd);
return JSON.parse(cookieData);
}
}
</script>
<script type="text/javascript">
// App Javascript Goes Here
var episodes = [];
// Function to generate transcripts
function generateTranscripts() {
var selectedEpisodes = [];
var episodeCount = $("#episode-count").val();
// Randomly select episodes
while (selectedEpisodes.length < episodeCount) {
var randomEpisode = Math.floor(Math.random() * episodes.length) + 1;
if (!selectedEpisodes.includes(randomEpisode)) {
selectedEpisodes.push(randomEpisode);
}
}
// Generate transcripts for selected episodes
var transcripts = "";
for (var i = 0; i < selectedEpisodes.length; i++) {
var episodeNumber = selectedEpisodes[i];
transcripts += "Transcript for Episode " + episodeNumber + ":\n";
transcripts += "------------------------------------\n";
transcripts += episodes[episodeNumber - 1] + "\n\n";
}
// Display the transcripts
$("#transcripts").text(transcripts);
}
$(document).ready(function() {
// Load Numberblocks episodes from localstorage or set default episodes
var savedEpisodes = loadLocal();
if (savedEpisodes) {
episodes = savedEpisodes;
} else {
episodes = [
"Once upon a time in Numberland, there were number blocks. They liked to play, and sing and dance.",
"One and another one is two. And another one is me!",
"That's three!",
"Five, four, three, two, one... Come on, everybody, let's have some number fun!",
"We're on our way to outer space, we're going to the moon. We're blasting off, we're leaving soon.",
"One, two, three, four, five, six, seven, eight, nine... Blast off!",
"One, two, three, four, five, six, seven, eight, nine, ten. Blast off!",
"Eleven, twelve, thirteen, fourteen, fifteen, sixteen, seventeen, eighteen, nineteen... Blast off!",
"Ten and five is fifteen. And five more is twenty.",
"One, two, three, four, five, six, seven, eight, nine, ten... Eleven!",
"One, two, three, four, five, six, seven, eight, nine, ten... Eleven, twelve!",
"One, two, three, four, five, six, seven, eight, nine, ten... Eleven, twelve, thirteen!",
// ... Add more episodes here ...
];
saveLocal(episodes);
}
// Generate transcripts on button click
$("#generate-btn").click(function() {
generateTranscripts();
});
});
</script>
<style>
/* App CSS Goes Here */
body {
background-color: #f3f3f3;
font-family: 'Arial', sans-serif;
}
.container {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
border-radius: 5px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
h1 {
text-align: center;
color: #333;
}
.form-group {
margin-bottom: 20px;
}
label {
font-weight: bold;
color: #555;
}
select {
width: 100%;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #fff;
color: #555;
font-size: 16px;
}
.btn {
display: block;
width: 100%;
padding: 10px;
border: none;
border-radius: 5px;
background-color: #007bff;
color: #fff;
text-align: center;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.btn:hover {
background-color: #0056b3;
}
#transcripts {
margin-top: 20px;
padding: 10px;
border: 1px solid #ccc;
border-radius: 5px;
background-color: #f9f9f9;
color: #333;
font-size: 14px;
white-space: pre-line;
}
</style>
</head>
<body>
<div id="main-container" class="container">
<h1>Transcript Generator</h1>
<div class="form-group">
<label for="episode-count">Number of Episodes:</label>
<select id="episode-count">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<!-- Add more options if needed -->
</select>
</div>
<button id="generate-btn" class="btn">Generate Transcripts</button>
<div id="transcripts"></div>
</div>
</body>
</html>
NEW APPS
These are apps made by the community!