This commit is contained in:
2025-08-21 09:57:14 +08:00
parent 51afc9eaa7
commit 006ac0bea5
7 changed files with 272 additions and 125 deletions

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>首帧预览</title>
<title>二、分镜头脚本生成</title>
<style>
* {
margin: 0;
@@ -164,7 +164,7 @@
</head>
<body>
<div class="container">
<h1>首帧预览与分镜头生成</h1>
<h1>二、分镜头脚本生成</h1>
<!-- 图片预览区域 -->
<div class="section image-section">
@@ -334,7 +334,25 @@
alert('生成分镜头时出错: ' + error.message);
});
});
// 制作视频按钮
const createVideoBtn = document.getElementById('createVideoBtn');
createVideoBtn.addEventListener('click', function() {
// 显示遮罩动画
mask.classList.add('active');
maskText.textContent = '正在制作视频,请稍候...';
// 模拟视频制作过程2秒后完成
setTimeout(function() {
// 隐藏遮罩动画
mask.classList.remove('active');
alert('视频制作成功!');
// 这里可以添加视频播放或下载的逻辑
// window.location.href = 'video_player.html';
}, 2000);
});
</script>
});
</script>
</body>
</html>

View File

@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>智能视频生成 - 首帧</title>
<title>一、首帧</title>
<style>
* {
margin: 0;
@@ -329,7 +329,7 @@
</head>
<body>
<div class="container">
<h1>智能视频生成 - 首帧</h1>
<h1>一、首帧</h1>
<form id="promptForm">
<div class="form-group">
@@ -659,13 +659,9 @@
<script>
document.addEventListener('DOMContentLoaded', function() {
// ... existing code ...
const mask = document.getElementById('mask');
const maskText = document.getElementById('maskText');
// ... existing code ...
// 新增函数:调用 API 生成图片
function generateImage(prompt) {
// 显示遮罩动画
mask.classList.add('active');