494 lines
25 KiB
HTML
494 lines
25 KiB
HTML
|
||
<!DOCTYPE html>
|
||
<html lang="zh-CN" data-theme="dark">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>AI漫剧爆发增长 - 200亿市场风口深度解析</title>
|
||
<link href="https://cdn.jsdelivr.net/npm/daisyui@4.4.19/dist/full.min.css" rel="stylesheet" type="text/css" />
|
||
<script src="https://cdn.tailwindcss.com"></script>
|
||
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
||
<script src="https://unpkg.com/mermaid@10/dist/mermaid.min.js"></script>
|
||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||
<style>
|
||
@keyframes pulse-glow {
|
||
0%, 100% { box-shadow: 0 0 20px rgba(59, 130, 246, 0.5); }
|
||
50% { box-shadow: 0 0 30px rgba(59, 130, 246, 0.8); }
|
||
}
|
||
.glow-effect {
|
||
animation: pulse-glow 2s infinite;
|
||
}
|
||
.gradient-text {
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.timeline-line {
|
||
background: linear-gradient(180deg, #3b82f6 0%, #8b5cf6 100%);
|
||
}
|
||
.hover-scale {
|
||
transition: all 0.3s ease;
|
||
}
|
||
.hover-scale:hover {
|
||
transform: scale(1.05);
|
||
}
|
||
.glass-effect {
|
||
background: rgba(255, 255, 255, 0.05);
|
||
backdrop-filter: blur(10px);
|
||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||
}
|
||
::-webkit-scrollbar {
|
||
width: 8px;
|
||
height: 8px;
|
||
}
|
||
::-webkit-scrollbar-track {
|
||
background: #1f2937;
|
||
}
|
||
::-webkit-scrollbar-thumb {
|
||
background: #4b5563;
|
||
border-radius: 4px;
|
||
}
|
||
::-webkit-scrollbar-thumb:hover {
|
||
background: #6b7280;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body class="bg-gray-900 text-gray-100">
|
||
<!-- Hero Section -->
|
||
<div class="hero min-h-[60vh] bg-gradient-to-br from-purple-900 via-blue-900 to-indigo-900">
|
||
<div class="hero-content text-center text-white">
|
||
<div class="max-w-4xl">
|
||
<div class="badge badge-error mb-4 text-lg animate-pulse">
|
||
<i class="fas fa-fire mr-2"></i>2025年200亿市场风口
|
||
</div>
|
||
<h1 class="text-5xl md:text-7xl font-bold mb-6 gradient-text">
|
||
AI漫剧爆发增长
|
||
</h1>
|
||
<p class="text-xl md:text-2xl mb-8 text-gray-200">
|
||
制作成本压缩90% · 流水增长12倍 · 百亿新风口快速起量
|
||
</p>
|
||
<div class="stats shadow-lg bg-black/30 glass-effect">
|
||
<div class="stat">
|
||
<div class="stat-title">市场规模</div>
|
||
<div class="stat-value text-3xl md:text-4xl text-orange-400">200亿+</div>
|
||
<div class="stat-desc">2025年预测</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-title">流水增长</div>
|
||
<div class="stat-value text-3xl md:text-4xl text-green-400">12倍</div>
|
||
<div class="stat-desc">同比激增</div>
|
||
</div>
|
||
<div class="stat">
|
||
<div class="stat-title">作品数量</div>
|
||
<div class="stat-value text-3xl md:text-4xl text-blue-400">3000+</div>
|
||
<div class="stat-desc">1H25上线</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心观点 -->
|
||
<div class="container mx-auto px-4 py-12">
|
||
<div class="alert alert-info mb-8 glow-effect">
|
||
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" class="stroke-current shrink-0 w-6 h-6">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"></path>
|
||
</svg>
|
||
<div>
|
||
<h3 class="font-bold text-lg">核心观点摘要</h3>
|
||
<div class="text-sm">AI技术革命性降本增效推动漫剧从"小众探索"迈向"百亿级商业化爆发"。当前处于需求验证与产能爬坡期，核心驱动力是AI制作成本下降90%与平台流量扶持。</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 时间轴 -->
|
||
<div class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-6 text-center">
|
||
<i class="fas fa-timeline mr-2 text-blue-400"></i>关键事件时间轴
|
||
</h2>
|
||
<div class="relative">
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-1 h-full timeline-line"></div>
|
||
<div class="space-y-8">
|
||
<div class="flex items-center">
|
||
<div class="w-full md:w-1/2 pr-8 text-right">
|
||
<div class="glass-effect p-4 rounded-lg hover-scale">
|
||
<div class="text-sm text-gray-400">2025年3月</div>
|
||
<div class="font-bold">巨量引擎提出AI降本20%+</div>
|
||
<div class="text-sm">单分钟成本降至1000-2500元</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-blue-500 rounded-full border-4 border-gray-900"></div>
|
||
<div class="w-full md:w-1/2 pl-8"></div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-full md:w-1/2 pr-8"></div>
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-purple-500 rounded-full border-4 border-gray-900"></div>
|
||
<div class="w-full md:w-1/2 pl-8">
|
||
<div class="glass-effect p-4 rounded-lg hover-scale">
|
||
<div class="text-sm text-gray-400">2025年10月16日</div>
|
||
<div class="font-bold">阅文集团四大举措</div>
|
||
<div class="text-sm">开放10万IP · 亿元基金 · AIGC工具</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-full md:w-1/2 pr-8 text-right">
|
||
<div class="glass-effect p-4 rounded-lg hover-scale">
|
||
<div class="text-sm text-gray-400">2025年10月22日</div>
|
||
<div class="font-bold">爱奇艺分成政策</div>
|
||
<div class="text-sm">独家70% · 非独家50%</div>
|
||
</div>
|
||
</div>
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-green-500 rounded-full border-4 border-gray-900"></div>
|
||
<div class="w-full md:w-1/2 pl-8"></div>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<div class="w-full md:w-1/2 pr-8"></div>
|
||
<div class="absolute left-1/2 transform -translate-x-1/2 w-4 h-4 bg-orange-500 rounded-full border-4 border-gray-900"></div>
|
||
<div class="w-full md:w-1/2 pl-8">
|
||
<div class="glass-effect p-4 rounded-lg hover-scale">
|
||
<div class="text-sm text-gray-400">2025年10月23日</div>
|
||
<div class="font-bold">券商集中推荐</div>
|
||
<div class="text-sm">板块多股涨停 · 供需双井喷</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 核心驱动因素 -->
|
||
<div class="grid md:grid-cols-2 gap-6 mb-12">
|
||
<div class="card bg-gradient-to-br from-blue-800 to-blue-900 shadow-xl">
|
||
<div class="card-body">
|
||
<h3 class="card-title text-2xl mb-4">
|
||
<i class="fas fa-microchip mr-2"></i>技术突破
|
||
</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>AI工具覆盖剧本→分镜→动效全流程</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>制作周期：数月→10-13天</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>单部成本：80万+→10-30万元</span>
|
||
</div>
|
||
<div class="mt-4 p-3 bg-black/30 rounded">
|
||
<div class="text-sm text-gray-300">核心工具：</div>
|
||
<div class="flex flex-wrap gap-2 mt-2">
|
||
<span class="badge badge-info">可灵</span>
|
||
<span class="badge badge-info">即梦</span>
|
||
<span class="badge badge-info">漫剧助手</span>
|
||
<span class="badge badge-info">豆包</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="card bg-gradient-to-br from-purple-800 to-purple-900 shadow-xl">
|
||
<div class="card-body">
|
||
<h3 class="card-title text-2xl mb-4">
|
||
<i class="fas fa-rocket mr-2"></i>平台加码
|
||
</h3>
|
||
<div class="space-y-3">
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>抖音：日流水从100万→1000万</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>快手：月产增加567%</span>
|
||
</div>
|
||
<div class="flex items-center">
|
||
<i class="fas fa-check-circle text-green-400 mr-3"></i>
|
||
<span>爱奇艺：100%分成政策</span>
|
||
</div>
|
||
<div class="mt-4 p-3 bg-black/30 rounded">
|
||
<div class="text-sm text-gray-300">平台支持：</div>
|
||
<div class="flex flex-wrap gap-2 mt-2">
|
||
<span class="badge badge-warning">流量倾斜</span>
|
||
<span class="badge badge-warning">分账激励</span>
|
||
<span class="badge badge-warning">IP开放</span>
|
||
<span class="badge badge-warning">创作基金</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 产业链图谱 -->
|
||
<div class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-6 text-center">
|
||
<i class="fas fa-sitemap mr-2 text-purple-400"></i>产业链图谱
|
||
</h2>
|
||
<div class="glass-effect p-6 rounded-lg">
|
||
<div class="mermaid">
|
||
graph TB
|
||
A[上游：IP与内容生产] --> B[中游：AI制作工具]
|
||
B --> C[下游：平台分发]
|
||
C --> D[C端：付费用户]
|
||
|
||
subgraph 上游
|
||
A1[阅文集团<br/>10万IP储备]
|
||
A2[中文在线<br/>300部计划]
|
||
A3[欢瑞世纪<br/>AI互动影游]
|
||
end
|
||
|
||
subgraph 中游
|
||
B1[昆仑万维<br/>天工AI]
|
||
B2[捷成股份<br/>视频技术]
|
||
B3[兆驰股份<br/>橙星梦工厂]
|
||
end
|
||
|
||
subgraph 下游
|
||
C1[抖音<br/>日流水1000万]
|
||
C2[快手<br/>漫剧新漫计划]
|
||
C3[爱奇艺<br/>100%分成]
|
||
C4[芒果超媒<br/>内容平台]
|
||
end
|
||
|
||
A1 --> B
|
||
A2 --> B
|
||
A3 --> B
|
||
B --> B1
|
||
B --> B2
|
||
B --> B3
|
||
B1 --> C
|
||
B2 --> C
|
||
B3 --> C
|
||
C --> C1
|
||
C --> C2
|
||
C --> C3
|
||
C --> C4
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 股票数据表格 -->
|
||
<div class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-6 text-center">
|
||
<i class="fas fa-chart-line mr-2 text-green-400"></i>核心标的深度解析
|
||
</h2>
|
||
<div class="overflow-x-auto">
|
||
<table class="table table-zebra w-full glass-effect">
|
||
<thead>
|
||
<tr class="text-lg">
|
||
<th>公司</th>
|
||
<th>核心项目</th>
|
||
<th>业务定位</th>
|
||
<th>信息来源</th>
|
||
<th>投资逻辑</th>
|
||
</tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr class="hover">
|
||
<td class="font-bold text-blue-400">中文在线</td>
|
||
<td>
|
||
<div class="font-semibold">AI漫剧商业化付费</div>
|
||
<div class="badge badge-sm badge-success mt-1">爆款作品</div>
|
||
</td>
|
||
<td>IP+出海+工具链</td>
|
||
<td><span class="badge badge-info">互动</span></td>
|
||
<td>ReelShort 9月流水729万美元，市占率5.5%，全球第六。AI漫剧日充金额高速增长，可持续发展路径清晰</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-purple-400">阅文集团</td>
|
||
<td>
|
||
<div class="font-semibold">四大举措布局</div>
|
||
<div class="text-sm">开放10万IP · 亿元基金</div>
|
||
</td>
|
||
<td>IP储备+生态扶持</td>
|
||
<td><span class="badge badge-warning">调研</span></td>
|
||
<td>三年目标1200部漫剧，其中200部改编自有IP。推出"漫剧助手"AIGC工具，构建开放共赢生态</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-green-400">欢瑞世纪</td>
|
||
<td>
|
||
<div class="font-semibold">AI漫剧布局</div>
|
||
<div class="text-sm">《十州三境》AI短剧</div>
|
||
</td>
|
||
<td>AI互动影游技术</td>
|
||
<td><span class="badge badge-secondary">调研</span></td>
|
||
<td>与阶跃星辰深度合作，储备近10部AI漫剧。抖音账号累计播放量30亿+，内容能力验证</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-orange-400">海看股份</td>
|
||
<td>
|
||
<div class="font-semibold">AI漫剧市场开发</div>
|
||
<div class="badge badge-sm badge-warning">短剧变现</div>
|
||
</td>
|
||
<td>探索商业边界</td>
|
||
<td><span class="badge">半年报</span></td>
|
||
<td>积极推进AI漫剧市场开发，探索短剧商业变现市场边界</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-pink-400">掌阅科技</td>
|
||
<td>
|
||
<div class="font-semibold">《焚星决》等AI漫剧</div>
|
||
<div class="text-sm">类真人剧</div>
|
||
</td>
|
||
<td>内容制作</td>
|
||
<td><span class="badge badge-info">互动</span></td>
|
||
<td>已上线多部AI漫剧和类真人剧作品</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-cyan-400">捷成股份</td>
|
||
<td>
|
||
<div class="font-semibold">短剧/漫剧投入</div>
|
||
<div class="badge badge-sm">新类型内容</div>
|
||
</td>
|
||
<td>视频技术迁移</td>
|
||
<td><span class="badge">年报</span></td>
|
||
<td>2025年针对短剧、漫剧等新类型内容加大投入</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-indigo-400">兆驰股份</td>
|
||
<td>
|
||
<div class="font-semibold">橙星梦工厂</div>
|
||
<div class="badge badge-sm badge-primary">AI漫剧平台</div>
|
||
</td>
|
||
<td>全链路平台</td>
|
||
<td><span class="badge">三季报</span></td>
|
||
<td>子公司北京风行自主研发的全链路AI漫剧平台</td>
|
||
</tr>
|
||
<tr class="hover">
|
||
<td class="font-bold text-yellow-400">华策影视</td>
|
||
<td>
|
||
<div class="font-semibold">DailyShort</div>
|
||
<div class="text-sm">短剧/动态漫</div>
|
||
</td>
|
||
<td>内容聚合平台</td>
|
||
<td><span class="badge badge-info">互动</span></td>
|
||
<td>已上线上千部作品，包括短剧、动态漫等</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 发展路径图 -->
|
||
<div class="mb-12">
|
||
<h2 class="text-3xl font-bold mb-6 text-center">
|
||
<i class="fas fa-route mr-2 text-blue-400"></i>未来发展路径
|
||
</h2>
|
||
<div class="glass-effect p-6 rounded-lg">
|
||
<div class="mermaid">
|
||
graph LR
|
||
A[2025：产能爆发] --> B[2026：IP全链路开发]
|
||
A --> C[2026：海外市场渗透]
|
||
B --> D[2027：AI互动影游]
|
||
C --> D
|
||
D --> E[2030：元宇宙内容生态]
|
||
|
||
style A fill:#3b82f6
|
||
style B fill:#8b5cf6
|
||
style C fill:#10b981
|
||
style D fill:#f59e0b
|
||
style E fill:#ef4444
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 风险提示 -->
|
||
<div class="alert alert-warning mb-12">
|
||
<svg xmlns="http://www.w3.org/2000/svg" class="stroke-current shrink-0 h-6 w-6" fill="none" viewBox="0 0 24 24">
|
||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" />
|
||
</svg>
|
||
<div>
|
||
<h3 class="font-bold">风险提示</h3>
|
||
<ul class="mt-2 space-y-1 text-sm">
|
||
<li>• <span class="text-orange-300">技术风险：</span>AI生成视频需人工调试，单镜头需30次生成，人物表情不自然</li>
|
||
<li>• <span class="text-orange-300">商业化风险：</span>用户集中于18-25岁男性(60%+)，破圈依赖爆款IP</li>
|
||
<li>• <span class="text-orange-300">政策风险：</span>广电新规要求"剧本中心制"，低俗内容面临下架</li>
|
||
<li>• <span class="text-orange-300">产能过剩风险：</span>各方加码布局，2025年或出现产能过剩</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 投资建议 -->
|
||
<div class="card bg-gradient-to-r from-indigo-800 to-purple-900 shadow-xl mb-12">
|
||
<div class="card-body">
|
||
<h2 class="card-title text-2xl mb-4">
|
||
<i class="fas fa-lightbulb mr-2 text-yellow-400"></i>投资启示
|
||
</h2>
|
||
<div class="grid md:grid-cols-3 gap-4">
|
||
<div class="bg-black/30 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg mb-2 text-green-400">短期看</h3>
|
||
<p>平台政策红利期，关注分账激励效果</p>
|
||
</div>
|
||
<div class="bg-black/30 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg mb-2 text-blue-400">中期看</h3>
|
||
<p>IP储备与AI工具壁垒是核心竞争力</p>
|
||
</div>
|
||
<div class="bg-black/30 p-4 rounded-lg">
|
||
<h3 class="font-bold text-lg mb-2 text-purple-400">长期看</h3>
|
||
<p>AI交互技术升级，元宇宙内容生态</p>
|
||
</div>
|
||
</div>
|
||
<div class="divider"></div>
|
||
<div class="stat-title text-center text-lg">
|
||
<span class="text-orange-400 font-bold">关键跟踪指标：</span>
|
||
月产能(目标50部+) · 日流水(突破2000万) · 付费转化率(5%+)
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Footer -->
|
||
<footer class="footer footer-center p-10 bg-black/80 text-base-content">
|
||
<div>
|
||
<p class="font-bold text-lg">
|
||
AI漫剧爆发增长 · 深度解析报告
|
||
</p>
|
||
<p class="text-sm">数据来源：巨量引擎、各公司财报、券商研报</p>
|
||
<p class="text-xs mt-2">投资有风险，决策需谨慎</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script>
|
||
// Initialize Mermaid
|
||
mermaid.initialize({
|
||
startOnLoad: true,
|
||
theme: 'dark',
|
||
themeVariables: {
|
||
primaryColor: '#3b82f6',
|
||
primaryTextColor: '#fff',
|
||
primaryBorderColor: '#1e40af',
|
||
lineColor: '#6b7280',
|
||
sectionBkgColor: '#1f2937',
|
||
altSectionBkgColor: '#111827',
|
||
gridColor: '#374151'
|
||
}
|
||
});
|
||
|
||
// Add animations
|
||
document.addEventListener('DOMContentLoaded', function() {
|
||
// Fade in animations
|
||
const elements = document.querySelectorAll('.glass-effect');
|
||
const observer = new IntersectionObserver((entries) => {
|
||
entries.forEach(entry => {
|
||
if (entry.isIntersecting) {
|
||
entry.target.style.opacity = '0';
|
||
entry.target.style.transform = 'translateY(20px)';
|
||
setTimeout(() => {
|
||
entry.target.style.transition = 'all 0.5s ease';
|
||
entry.target.style.opacity = '1';
|
||
entry.target.style.transform = 'translateY(0)';
|
||
}, 100);
|
||
}
|
||
});
|
||
});
|
||
|
||
elements.forEach(element => {
|
||
observer.observe(element);
|
||
});
|
||
});
|
||
</script>
|
||
</body>
|
||
</html> |