Adolfo Reyna
77 lines
3.6 KiB
JavaScript
77 lines
3.6 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.indexHtml = void 0;
|
|
const remotion_1 = require("remotion");
|
|
const indexHtml = ({ publicPath, editorName, inputProps, envVariables, staticHash, remotionRoot, studioServerCommand, renderQueue, completedClientRenders, numberOfAudioTags, publicFiles, includeFavicon, title, renderDefaults, publicFolderExists, gitSource, projectName, installedDependencies, packageManager, audioLatencyHint, logLevel, mode, }) =>
|
|
// Must setup remotion_editorName and remotion.remotion_projectName before bundle.js is loaded
|
|
`
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
${includeFavicon
|
|
? `<link id="__remotion_favicon" rel="icon" type="image/png" href="${publicPath}favicon.ico" />`
|
|
: ''}
|
|
<title>${title}</title>
|
|
</head>
|
|
<body>
|
|
<script>window.remotion_numberOfAudioTags = ${numberOfAudioTags};</script>
|
|
<script>window.remotion_audioLatencyHint = "${audioLatencyHint}";</script>
|
|
${mode === 'dev' ? `<script>window.remotion_logLevel = "${logLevel}";</script>` : ''}
|
|
<script>window.remotion_staticBase = "${staticHash}";</script>
|
|
${editorName
|
|
? `<script>window.remotion_editorName = "${editorName}";</script>`
|
|
: '<script>window.remotion_editorName = null;</script>'}
|
|
<script>window.remotion_projectName = ${JSON.stringify(projectName)};</script>
|
|
<script>window.remotion_publicPath = ${JSON.stringify(publicPath)};</script>
|
|
<script>window.remotion_audioEnabled = true;</script>
|
|
<script>window.remotion_videoEnabled = true;</script>
|
|
<script>window.remotion_renderDefaults = ${JSON.stringify(renderDefaults)};</script>
|
|
<script>window.remotion_cwd = ${JSON.stringify(remotionRoot)};</script>
|
|
<script>window.remotion_studioServerCommand = ${studioServerCommand ? JSON.stringify(studioServerCommand) : 'null'};</script>
|
|
${inputProps
|
|
? `<script>window.remotion_inputProps = ${JSON.stringify(JSON.stringify(inputProps))};</script>`
|
|
: ''}
|
|
${renderQueue
|
|
? `<script>window.remotion_initialRenderQueue = ${JSON.stringify(renderQueue)};</script>`
|
|
: ''}
|
|
${completedClientRenders
|
|
? `<script>window.remotion_initialClientRenders = ${JSON.stringify(completedClientRenders)};</script>`
|
|
: ''}
|
|
${envVariables
|
|
? `<script>window.process = {env: ${JSON.stringify(envVariables)}};</script>`
|
|
: ''}
|
|
${gitSource
|
|
? `<script>window.remotion_gitSource = ${JSON.stringify(gitSource)};</script>`
|
|
: ''}
|
|
${mode === 'dev'
|
|
? `
|
|
<script>window.remotion_isStudio = true;</script>
|
|
<script>window.remotion_isReadOnlyStudio = false;</script>`.trimStart()
|
|
: ''}
|
|
<script>window.remotion_staticFiles = ${JSON.stringify(publicFiles)}</script>
|
|
<script>window.remotion_installedPackages = ${JSON.stringify(installedDependencies)}</script>
|
|
<script>window.remotion_packageManager = ${JSON.stringify(packageManager)}</script>
|
|
<script>window.remotion_publicFolderExists = ${publicFolderExists ? `"${publicFolderExists}"` : 'null'};</script>
|
|
<script>
|
|
window.siteVersion = '11';
|
|
window.remotion_version = '${remotion_1.VERSION}';
|
|
</script>
|
|
|
|
<div id="video-container"></div>
|
|
<div id="${remotion_1.Internals.REMOTION_STUDIO_CONTAINER_ELEMENT}"></div>
|
|
<div id="menuportal-0"></div>
|
|
<div id="menuportal-1"></div>
|
|
<div id="menuportal-2"></div>
|
|
<div id="menuportal-3"></div>
|
|
<div id="menuportal-4"></div>
|
|
<div id="menuportal-5"></div>
|
|
<div id="remotion-error-overlay"></div>
|
|
<div id="server-disconnected-overlay"></div>
|
|
<script src="${publicPath}bundle.js"></script>
|
|
</body>
|
|
</html>
|
|
`.trim();
|
|
exports.indexHtml = indexHtml;
|