freedakgmail
1432 lines
56 KiB
HTML
1432 lines
56 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh-CN">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>CC码音视频监管系统建设总体方案</title>
|
||
<style>
|
||
* { margin: 0; padding: 0; box-sizing: border-box; }
|
||
|
||
:root {
|
||
--primary: #1677ff;
|
||
--primary-dark: #0958d9;
|
||
--primary-light: #4096ff;
|
||
--accent: #00d4aa;
|
||
--danger: #ff4d4f;
|
||
--warning: #faad14;
|
||
--bg-dark: #0a1929;
|
||
--bg-card: #132f4c;
|
||
--bg-card-light: #1a3a5c;
|
||
--text-primary: #e6f1ff;
|
||
--text-secondary: #8892b0;
|
||
--text-muted: #495670;
|
||
--border: #233656;
|
||
--gradient: linear-gradient(135deg, #1677ff 0%, #00d4aa 100%);
|
||
--gradient-dark: linear-gradient(135deg, #0a1929 0%, #132f4c 100%);
|
||
}
|
||
|
||
body {
|
||
font-family: -apple-system, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", sans-serif;
|
||
background: var(--bg-dark);
|
||
color: var(--text-primary);
|
||
overflow: hidden;
|
||
height: 100vh;
|
||
width: 100vw;
|
||
}
|
||
|
||
/* Slide Container */
|
||
.slides-container {
|
||
width: 100vw;
|
||
height: 100vh;
|
||
position: relative;
|
||
overflow: hidden;
|
||
}
|
||
|
||
.slide {
|
||
position: absolute;
|
||
top: 0; left: 0;
|
||
width: 100%;
|
||
height: 100%;
|
||
padding: 60px 80px;
|
||
display: flex;
|
||
flex-direction: column;
|
||
opacity: 0;
|
||
transform: translateX(100%);
|
||
transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94);
|
||
pointer-events: none;
|
||
overflow-y: auto;
|
||
}
|
||
|
||
.slide.active {
|
||
opacity: 1;
|
||
transform: translateX(0);
|
||
pointer-events: auto;
|
||
}
|
||
|
||
.slide.prev {
|
||
transform: translateX(-100%);
|
||
}
|
||
|
||
/* Scrollbar */
|
||
.slide::-webkit-scrollbar { width: 6px; }
|
||
.slide::-webkit-scrollbar-track { background: transparent; }
|
||
.slide::-webkit-scrollbar-thumb { background: var(--border); border-radius: 3px; }
|
||
|
||
/* Navigation */
|
||
.nav-bar {
|
||
position: fixed;
|
||
bottom: 24px;
|
||
left: 50%;
|
||
transform: translateX(-50%);
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16px;
|
||
background: rgba(19, 47, 76, 0.9);
|
||
backdrop-filter: blur(12px);
|
||
border: 1px solid var(--border);
|
||
border-radius: 100px;
|
||
padding: 8px 20px;
|
||
z-index: 1000;
|
||
}
|
||
|
||
.nav-btn {
|
||
background: none;
|
||
border: none;
|
||
color: var(--text-secondary);
|
||
font-size: 18px;
|
||
cursor: pointer;
|
||
padding: 4px 8px;
|
||
border-radius: 6px;
|
||
transition: all 0.2s;
|
||
}
|
||
.nav-btn:hover { color: var(--primary-light); background: rgba(22, 119, 255, 0.1); }
|
||
.nav-btn:disabled { opacity: 0.3; cursor: not-allowed; }
|
||
|
||
.slide-counter {
|
||
color: var(--text-secondary);
|
||
font-size: 14px;
|
||
font-variant-numeric: tabular-nums;
|
||
min-width: 60px;
|
||
text-align: center;
|
||
}
|
||
|
||
/* Typography */
|
||
.slide-title {
|
||
font-size: 36px;
|
||
font-weight: 700;
|
||
margin-bottom: 8px;
|
||
background: var(--gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
|
||
.slide-subtitle {
|
||
font-size: 16px;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 32px;
|
||
}
|
||
|
||
.section-tag {
|
||
display: inline-block;
|
||
font-size: 12px;
|
||
color: var(--primary-light);
|
||
background: rgba(22, 119, 255, 0.1);
|
||
border: 1px solid rgba(22, 119, 255, 0.3);
|
||
border-radius: 4px;
|
||
padding: 2px 10px;
|
||
margin-bottom: 12px;
|
||
letter-spacing: 1px;
|
||
}
|
||
|
||
h3 {
|
||
font-size: 20px;
|
||
font-weight: 600;
|
||
color: var(--text-primary);
|
||
margin-bottom: 12px;
|
||
}
|
||
|
||
p { font-size: 15px; line-height: 1.8; color: var(--text-secondary); }
|
||
|
||
/* Cards */
|
||
.card-grid {
|
||
display: grid;
|
||
gap: 20px;
|
||
margin-top: 16px;
|
||
}
|
||
|
||
.card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 12px;
|
||
padding: 20px 24px;
|
||
transition: all 0.3s;
|
||
}
|
||
.card:hover { border-color: var(--primary); transform: translateY(-2px); }
|
||
|
||
.card-title {
|
||
font-size: 15px;
|
||
font-weight: 600;
|
||
color: var(--primary-light);
|
||
margin-bottom: 8px;
|
||
}
|
||
|
||
.card-body { font-size: 13px; color: var(--text-secondary); line-height: 1.7; }
|
||
|
||
/* Tables */
|
||
table {
|
||
width: 100%;
|
||
border-collapse: collapse;
|
||
margin-top: 12px;
|
||
font-size: 13px;
|
||
}
|
||
|
||
th {
|
||
background: var(--bg-card-light);
|
||
color: var(--primary-light);
|
||
font-weight: 600;
|
||
text-align: left;
|
||
padding: 10px 14px;
|
||
border-bottom: 2px solid var(--border);
|
||
white-space: nowrap;
|
||
}
|
||
|
||
td {
|
||
padding: 8px 14px;
|
||
border-bottom: 1px solid var(--border);
|
||
color: var(--text-secondary);
|
||
line-height: 1.6;
|
||
}
|
||
|
||
tr:hover td { background: rgba(22, 119, 255, 0.05); }
|
||
|
||
/* Badges */
|
||
.badge {
|
||
display: inline-block;
|
||
font-size: 11px;
|
||
padding: 2px 8px;
|
||
border-radius: 4px;
|
||
font-weight: 600;
|
||
}
|
||
.badge-high { background: rgba(255, 77, 79, 0.15); color: #ff7875; border: 1px solid rgba(255, 77, 79, 0.3); }
|
||
.badge-mid { background: rgba(250, 173, 20, 0.15); color: #ffc53d; border: 1px solid rgba(250, 173, 20, 0.3); }
|
||
.badge-low { background: rgba(0, 212, 170, 0.15); color: #00d4aa; border: 1px solid rgba(0, 212, 170, 0.3); }
|
||
.badge-primary { background: rgba(22, 119, 255, 0.15); color: var(--primary-light); border: 1px solid rgba(22, 119, 255, 0.3); }
|
||
|
||
/* Highlight box */
|
||
.highlight-box {
|
||
background: linear-gradient(135deg, rgba(22, 119, 255, 0.08), rgba(0, 212, 170, 0.08));
|
||
border: 1px solid rgba(22, 119, 255, 0.2);
|
||
border-radius: 10px;
|
||
padding: 16px 20px;
|
||
margin-top: 16px;
|
||
font-size: 14px;
|
||
color: var(--text-primary);
|
||
line-height: 1.8;
|
||
}
|
||
|
||
.highlight-box strong { color: var(--accent); }
|
||
|
||
/* Architecture diagram */
|
||
.arch-layer {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 10px;
|
||
padding: 14px 20px;
|
||
margin-bottom: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
}
|
||
|
||
.arch-layer-label {
|
||
font-size: 13px;
|
||
font-weight: 600;
|
||
color: var(--primary-light);
|
||
min-width: 120px;
|
||
}
|
||
|
||
.arch-layer-content {
|
||
font-size: 12px;
|
||
color: var(--text-secondary);
|
||
flex: 1;
|
||
}
|
||
|
||
.arch-box {
|
||
display: inline-block;
|
||
background: var(--bg-card-light);
|
||
border: 1px solid var(--border);
|
||
border-radius: 6px;
|
||
padding: 4px 10px;
|
||
margin: 2px;
|
||
font-size: 11px;
|
||
color: var(--text-primary);
|
||
}
|
||
|
||
.arch-box.primary { border-color: var(--primary); color: var(--primary-light); }
|
||
.arch-box.accent { border-color: var(--accent); color: var(--accent); }
|
||
|
||
/* Progress bar */
|
||
.progress-bar {
|
||
width: 100%;
|
||
height: 8px;
|
||
background: var(--bg-card);
|
||
border-radius: 4px;
|
||
overflow: hidden;
|
||
margin-top: 4px;
|
||
}
|
||
.progress-fill {
|
||
height: 100%;
|
||
border-radius: 4px;
|
||
transition: width 0.8s ease;
|
||
}
|
||
|
||
/* Timeline */
|
||
.timeline {
|
||
display: flex;
|
||
gap: 0;
|
||
margin-top: 20px;
|
||
position: relative;
|
||
}
|
||
.timeline-item {
|
||
flex: 1;
|
||
text-align: center;
|
||
position: relative;
|
||
padding-top: 30px;
|
||
}
|
||
.timeline-item::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 10px;
|
||
left: 50%;
|
||
width: 12px;
|
||
height: 12px;
|
||
border-radius: 50%;
|
||
background: var(--primary);
|
||
border: 2px solid var(--bg-dark);
|
||
z-index: 1;
|
||
}
|
||
.timeline-line {
|
||
position: absolute;
|
||
top: 15px;
|
||
left: 0;
|
||
right: 0;
|
||
height: 2px;
|
||
background: var(--border);
|
||
}
|
||
.timeline-item:first-child .timeline-line { left: 50%; }
|
||
.timeline-item:last-child .timeline-line { right: 50%; }
|
||
.timeline-time { font-size: 12px; color: var(--primary-light); font-weight: 600; }
|
||
.timeline-label { font-size: 11px; color: var(--text-secondary); margin-top: 4px; }
|
||
|
||
/* Code block */
|
||
.code-block {
|
||
background: #0d1117;
|
||
border: 1px solid var(--border);
|
||
border-radius: 8px;
|
||
padding: 14px 18px;
|
||
font-family: "SF Mono", "Fira Code", "Cascadia Code", monospace;
|
||
font-size: 13px;
|
||
color: #58a6ff;
|
||
margin-top: 12px;
|
||
line-height: 1.8;
|
||
overflow-x: auto;
|
||
}
|
||
|
||
/* Stat cards */
|
||
.stat-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(4, 1fr);
|
||
gap: 16px;
|
||
margin-top: 20px;
|
||
}
|
||
.stat-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 12px;
|
||
padding: 20px;
|
||
text-align: center;
|
||
}
|
||
.stat-value {
|
||
font-size: 32px;
|
||
font-weight: 700;
|
||
background: var(--gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
}
|
||
.stat-label { font-size: 12px; color: var(--text-secondary); margin-top: 4px; }
|
||
|
||
/* Role cards */
|
||
.role-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(5, 1fr);
|
||
gap: 12px;
|
||
margin-top: 16px;
|
||
}
|
||
.role-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 10px;
|
||
padding: 14px;
|
||
text-align: center;
|
||
}
|
||
.role-icon { font-size: 24px; margin-bottom: 6px; }
|
||
.role-name { font-size: 13px; font-weight: 600; color: var(--primary-light); margin-bottom: 4px; }
|
||
.role-desc { font-size: 11px; color: var(--text-secondary); line-height: 1.5; }
|
||
|
||
/* Challenge cards */
|
||
.challenge-grid {
|
||
display: grid;
|
||
grid-template-columns: repeat(2, 1fr);
|
||
gap: 16px;
|
||
margin-top: 16px;
|
||
}
|
||
.challenge-card {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-left: 3px solid var(--danger);
|
||
border-radius: 10px;
|
||
padding: 16px 20px;
|
||
}
|
||
.challenge-card .card-title { color: #ff7875; }
|
||
|
||
/* Feature list */
|
||
.feature-list { list-style: none; margin-top: 12px; }
|
||
.feature-list li {
|
||
padding: 6px 0;
|
||
font-size: 14px;
|
||
color: var(--text-secondary);
|
||
display: flex;
|
||
align-items: flex-start;
|
||
gap: 8px;
|
||
}
|
||
.feature-list li::before {
|
||
content: '▸';
|
||
color: var(--accent);
|
||
font-weight: bold;
|
||
flex-shrink: 0;
|
||
}
|
||
|
||
/* Mapping table */
|
||
.mapping-row {
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 12px;
|
||
padding: 8px 0;
|
||
border-bottom: 1px solid var(--border);
|
||
}
|
||
.mapping-left { flex: 1; font-size: 13px; color: var(--text-secondary); }
|
||
.mapping-arrow { color: var(--primary); font-size: 16px; }
|
||
.mapping-right { flex: 1; font-size: 13px; color: var(--accent); text-align: right; }
|
||
|
||
/* Title slide */
|
||
.title-slide {
|
||
justify-content: center;
|
||
align-items: center;
|
||
text-align: center;
|
||
background: var(--gradient-dark);
|
||
}
|
||
.title-slide::before {
|
||
content: '';
|
||
position: absolute;
|
||
top: 0; left: 0; right: 0; bottom: 0;
|
||
background: radial-gradient(circle at 30% 50%, rgba(22, 119, 255, 0.08), transparent 50%),
|
||
radial-gradient(circle at 70% 50%, rgba(0, 212, 170, 0.06), transparent 50%);
|
||
}
|
||
.title-main {
|
||
font-size: 48px;
|
||
font-weight: 700;
|
||
background: var(--gradient);
|
||
-webkit-background-clip: text;
|
||
-webkit-text-fill-color: transparent;
|
||
background-clip: text;
|
||
margin-bottom: 16px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.title-sub {
|
||
font-size: 20px;
|
||
color: var(--text-secondary);
|
||
margin-bottom: 40px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.title-meta {
|
||
font-size: 14px;
|
||
color: var(--text-muted);
|
||
line-height: 2;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
.title-badge {
|
||
display: inline-block;
|
||
background: rgba(22, 119, 255, 0.1);
|
||
border: 1px solid rgba(22, 119, 255, 0.3);
|
||
border-radius: 100px;
|
||
padding: 6px 20px;
|
||
font-size: 13px;
|
||
color: var(--primary-light);
|
||
margin-bottom: 24px;
|
||
position: relative;
|
||
z-index: 1;
|
||
}
|
||
|
||
/* Two column */
|
||
.two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
|
||
.three-col { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 16px; }
|
||
|
||
/* Detection layers */
|
||
.detection-layer {
|
||
background: var(--bg-card);
|
||
border: 1px solid var(--border);
|
||
border-radius: 10px;
|
||
padding: 16px 20px;
|
||
margin-bottom: 8px;
|
||
display: flex;
|
||
align-items: center;
|
||
gap: 16px;
|
||
}
|
||
.detection-num {
|
||
width: 32px;
|
||
height: 32px;
|
||
border-radius: 50%;
|
||
display: flex;
|
||
align-items: center;
|
||
justify-content: center;
|
||
font-weight: 700;
|
||
font-size: 14px;
|
||
flex-shrink: 0;
|
||
}
|
||
.detection-num.l1 { background: rgba(0, 212, 170, 0.15); color: var(--accent); }
|
||
.detection-num.l2 { background: rgba(22, 119, 255, 0.15); color: var(--primary-light); }
|
||
.detection-num.l3 { background: rgba(250, 173, 20, 0.15); color: var(--warning); }
|
||
|
||
/* Comparison table */
|
||
.compare-table td:first-child { color: var(--danger); }
|
||
.compare-table td:last-child { color: var(--accent); }
|
||
.compare-table td { font-size: 13px; }
|
||
|
||
/* Responsive */
|
||
@media (max-width: 1200px) {
|
||
.slide { padding: 40px 50px; }
|
||
.slide-title { font-size: 28px; }
|
||
.role-grid { grid-template-columns: repeat(3, 1fr); }
|
||
.stat-grid { grid-template-columns: repeat(2, 1fr); }
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
|
||
<div class="slides-container" id="slides">
|
||
|
||
<!-- Slide 1: Title -->
|
||
<div class="slide title-slide active" data-slide="1">
|
||
<div class="title-badge">V1.0 · 2026年8月</div>
|
||
<div class="title-main">CC码音视频监管系统</div>
|
||
<div class="title-sub">建设总体方案</div>
|
||
<div class="title-meta">
|
||
国家AIGC视听内容登记与分发基础设施（AIGC-Hub）<br>
|
||
建设运营方：广电云（中国广电网络股份有限公司）<br>
|
||
政策依据：国家广播电视总局令第16号《微短剧发展管理办法》<br>
|
||
2026年9月1日起施行
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 2: Policy Background -->
|
||
<div class="slide" data-slide="2">
|
||
<div class="section-tag">一、项目背景与战略定位</div>
|
||
<div class="slide-title">政策背景</div>
|
||
<div class="slide-subtitle">《微短剧发展管理办法》—— CC码系统的直接政策依据</div>
|
||
|
||
<div class="highlight-box">
|
||
2026年7月27日，国家广播电视总局局务会审议通过《微短剧发展管理办法》（国家广播电视总局令第16号），自2026年9月1日起施行。该办法确立了微短剧的<strong>分类分级管理、备案公示、审核许可、播出要求、监督管理</strong>等全套制度框架。
|
||
</div>
|
||
|
||
<h3 style="margin-top: 24px;">AIGC时代四大监管挑战</h3>
|
||
<div class="challenge-grid">
|
||
<div class="challenge-card">
|
||
<div class="card-title">监管侧"管不住"</div>
|
||
<div class="card-body">内容产量指数级增长，同质化、换皮重发严重，人工审核与滞后备案机制无法应对</div>
|
||
</div>
|
||
<div class="challenge-card">
|
||
<div class="card-title">平台侧"成本高"</div>
|
||
<div class="card-body">各平台自建审核团队成本极高，缺乏统一标准，跨平台确权维权困难</div>
|
||
</div>
|
||
<div class="challenge-card">
|
||
<div class="card-title">创作侧"变现难"</div>
|
||
<div class="card-body">AI辅助创作的版权归属不清，分账机制不透明，创作者权益难以保障</div>
|
||
</div>
|
||
<div class="challenge-card">
|
||
<div class="card-title">音频监管空白</div>
|
||
<div class="card-body">翻录泛滥，维权困难，音频内容基本处于无监管状态</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 3: Strategic Positioning -->
|
||
<div class="slide" data-slide="3">
|
||
<div class="section-tag">一、项目背景与战略定位</div>
|
||
<div class="slide-title">战略破局与核心定位</div>
|
||
<div class="slide-subtitle">工信部统一标识代码体系（CC码）+ AIGC视听内容行业根节点</div>
|
||
|
||
<div class="highlight-box">
|
||
本方案创新性地将网络视听监管与<strong>工信部统一标识代码体系（CC码）</strong>深度融合，通过向工信部申请建立AIGC视听内容行业根节点（建议代码 CC.156.10005），赋予每一部AIGC作品全国唯一、不可篡改的"数字身份证"——<strong>智视码（AVCC）</strong>。
|
||
</div>
|
||
|
||
<div class="stat-grid" style="grid-template-columns: repeat(3,1fr); margin-top: 24px;">
|
||
<div class="stat-card">
|
||
<div class="stat-value">一剧一码</div>
|
||
<div class="stat-label">每部作品唯一标识</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value">一码全网</div>
|
||
<div class="stat-label">跨平台统一验证</div>
|
||
</div>
|
||
<div class="stat-card">
|
||
<div class="stat-value">全国互认</div>
|
||
<div class="stat-label">码链同源可追溯</div>
|
||
</div>
|
||
</div>
|
||
|
||
<h3 style="margin-top: 24px;">角色分工</h3>
|
||
<div class="role-grid">
|
||
<div class="role-card">
|
||
<div class="role-icon">🏛️</div>
|
||
<div class="role-name">广电总局</div>
|
||
<div class="role-desc">握规则、握终审、握黑名单</div>
|
||
</div>
|
||
<div class="role-card">
|
||
<div class="role-icon">🔧</div>
|
||
<div class="role-name">工信部</div>
|
||
<div class="role-desc">统一标识代码底座和根解析服务</div>
|
||
</div>
|
||
<div class="role-card">
|
||
<div class="role-icon">☁️</div>
|
||
<div class="role-name">广电云</div>
|
||
<div class="role-desc">基础设施、合规工具、跨平台清算</div>
|
||
</div>
|
||
<div class="role-card">
|
||
<div class="role-icon">📺</div>
|
||
<div class="role-name">视听平台</div>
|
||
<div class="role-desc">内容审核主体责任，降低70%审核成本</div>
|
||
</div>
|
||
<div class="role-card">
|
||
<div class="role-icon">🎨</div>
|
||
<div class="role-name">创作者</div>
|
||
<div class="role-desc">源头嵌入C2PA水印与CC码标识</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 4: Architecture Overview -->
|
||
<div class="slide" data-slide="4">
|
||
<div class="section-tag">二、总体架构</div>
|
||
<div class="slide-title">架构总览</div>
|
||
<div class="slide-subtitle">工信部根节点 + 1朵云 + 3大引擎 + N个接入方</div>
|
||
|
||
<div style="margin-top: 8px;">
|
||
<div class="arch-layer" style="border-left: 3px solid var(--danger);">
|
||
<div class="arch-layer-label">监管层</div>
|
||
<div class="arch-layer-content">
|
||
<span class="arch-box">监管大屏</span>
|
||
<span class="arch-box">终审工作台</span>
|
||
<span class="arch-box">黑名单管理</span>
|
||
<span class="arch-box">数据抽查</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center; color: var(--text-muted); font-size: 11px; margin: 2px 0;">↓ 数据回传 / 指令下发</div>
|
||
<div class="arch-layer" style="border-left: 3px solid var(--primary);">
|
||
<div class="arch-layer-label">运营层</div>
|
||
<div class="arch-layer-content">
|
||
<div style="margin-bottom: 4px;">
|
||
<span class="arch-box primary">赋码引擎</span>
|
||
<span class="arch-box primary">审核引擎</span>
|
||
<span class="arch-box primary">版权链引擎</span>
|
||
<span class="arch-box primary">清算引擎</span>
|
||
</div>
|
||
<div style="margin-bottom: 4px;">
|
||
<span class="arch-box">编码网关</span>
|
||
<span class="arch-box">C2PA SDK</span>
|
||
<span class="arch-box">创作者工作台</span>
|
||
</div>
|
||
<div>
|
||
<span class="arch-box">网络探针</span>
|
||
<span class="arch-box">检测编排引擎</span>
|
||
<span class="arch-box">监管后台</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center; color: var(--text-muted); font-size: 11px; margin: 2px 0;">↓ 根解析 / 码资源分配</div>
|
||
<div class="arch-layer" style="border-left: 3px solid var(--accent);">
|
||
<div class="arch-layer-label">根节点体系</div>
|
||
<div class="arch-layer-content">
|
||
<span class="arch-box accent">工信部CC码根节点</span>
|
||
<span class="arch-box">根解析服务</span>
|
||
<span class="arch-box">码资源管理</span>
|
||
<span class="arch-box">行业节点对接</span>
|
||
</div>
|
||
</div>
|
||
<div style="text-align:center; color: var(--text-muted); font-size: 11px; margin: 2px 0;">↓</div>
|
||
<div class="arch-layer" style="border-left: 3px solid var(--text-muted);">
|
||
<div class="arch-layer-label">应用层</div>
|
||
<div class="arch-layer-content">
|
||
<span class="arch-box">长视频平台</span>
|
||
<span class="arch-box">短视频平台</span>
|
||
<span class="arch-box">音频平台</span>
|
||
<span class="arch-box">AI工具厂商</span>
|
||
<span class="arch-box">MCN/创作者</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box" style="margin-top: 16px;">
|
||
<strong>等保三级VPC</strong> · 云原生K8s部署 · 分层解耦 · 开放接入 · 数据主权自主可控
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 5: Dual-Layer Regulation -->
|
||
<div class="slide" data-slide="5">
|
||
<div class="section-tag">二、总体架构</div>
|
||
<div class="slide-title">双层监管架构</div>
|
||
<div class="slide-subtitle">平台门禁（秒级）+ 网络探针（分钟级）缺一不可</div>
|
||
|
||
<div class="two-col" style="margin-top: 16px;">
|
||
<div class="card" style="border-left: 3px solid var(--primary);">
|
||
<div class="card-title">第一道防线：平台门禁</div>
|
||
<div class="card-body" style="margin-top: 8px;">
|
||
<ul class="feature-list">
|
||
<li><strong>上传拦截</strong>：无CC码内容不允许上传</li>
|
||
<li><strong>播出校验</strong>：播出前验证CC码状态</li>
|
||
<li><strong>CDN注入校验</strong>：文件哈希与登记哈希比对</li>
|
||
<li><strong>终端抽检</strong>：播放内容抽样比对</li>
|
||
</ul>
|
||
<div style="margin-top: 12px;">
|
||
<span class="badge badge-primary">依赖平台配合</span>
|
||
<span class="badge badge-low">秒级响应</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="border-left: 3px solid var(--accent);">
|
||
<div class="card-title">第二道防线：网络探针</div>
|
||
<div class="card-body" style="margin-top: 8px;">
|
||
<ul class="feature-list">
|
||
<li><strong>全网爬虫巡查</strong>：不依赖平台配合</li>
|
||
<li><strong>水印提取</strong>：从视频中提取隐藏水印</li>
|
||
<li><strong>指纹比对</strong>：与指纹库比对识别内容</li>
|
||
<li><strong>AI语义识别</strong>：深度理解视频/音频内容</li>
|
||
<li><strong>发现违规</strong> → 触发秒级下架</li>
|
||
</ul>
|
||
<div style="margin-top: 12px;">
|
||
<span class="badge badge-primary">CC码中心独立运行</span>
|
||
<span class="badge badge-low">分钟级响应</span>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<strong>核心理念</strong>：只有平台门禁会被绕过，只有网络探针下架慢，两层并行才能实现全覆盖、秒级响应。
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 6: AVCC Coding System -->
|
||
<div class="slide" data-slide="6">
|
||
<div class="section-tag">三、AVCC编码体系</div>
|
||
<div class="slide-title">编码结构</div>
|
||
<div class="slide-subtitle">工信部统一标识代码体系六段式编码</div>
|
||
|
||
<div class="code-block">
|
||
CC.156.10005.{platform_node}/{object_category}/{license_no}-{review_level}-AI-HASH({hash})-CRD({crd})
|
||
<br><br>
|
||
<span style="color: var(--text-muted);">示例：</span>
|
||
CC.156.10005.8361/10.1300200.AIGC/(京)网微剧审字(2026)第001号-P-AI-HASH(a1b2c3)-CRD(0x7f3e9a)
|
||
</div>
|
||
|
||
<table style="margin-top: 16px;">
|
||
<thead>
|
||
<tr><th>段</th><th>说明</th><th>示例</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>CC码根</strong></td><td>工信部统一标识代码发行机构</td><td><code>CC</code></td></tr>
|
||
<tr><td><strong>国家/行业节点</strong></td><td>中国+AIGC视听内容行业节点</td><td><code>156.10005</code></td></tr>
|
||
<tr><td><strong>平台节点</strong></td><td>接入平台/机构代码</td><td><code>8361</code></td></tr>
|
||
<tr><td><strong>对象类目</strong></td><td>视听内容大类+AI漫剧细分类目+AIGC标识</td><td><code>10.1300200.AIGC</code></td></tr>
|
||
<tr><td><strong>监管段</strong></td><td>许可证号/批准文件编号/节目编号</td><td><code>(京)网微剧审字(2026)第001号</code></td></tr>
|
||
<tr><td><strong>类别段</strong></td><td>P(重点)/G(普通)/O(其他)</td><td><code>P</code></td></tr>
|
||
<tr><td><strong>技术段</strong></td><td>AI生成内容哈希值</td><td><code>AI-HASH(a1b2c3)</code></td></tr>
|
||
<tr><td><strong>版权段</strong></td><td>版权链存证地址</td><td><code>CRD(0x7f3e9a)</code></td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Slide 7: Classification -->
|
||
<div class="slide" data-slide="7">
|
||
<div class="section-tag">三、AVCC编码体系</div>
|
||
<div class="slide-title">分类分级与流通权限</div>
|
||
<div class="slide-subtitle">对应《微短剧发展管理办法》第五条</div>
|
||
|
||
<table style="margin-top: 16px;">
|
||
<thead>
|
||
<tr><th>办法分类</th><th>AVCC类别</th><th>编码前缀</th><th>许可形式</th><th>流通范围</th><th>赋码时效</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr>
|
||
<td><strong>一类微短剧</strong><br><span style="font-size:11px;">投资额度大或特殊题材</span></td>
|
||
<td><span class="badge badge-primary">重点</span></td>
|
||
<td><code>AVCC-P</code></td>
|
||
<td>《微短剧发行许可证》</td>
|
||
<td>全网全平台，首页推荐</td>
|
||
<td>5-30个工作日</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>二类微短剧</strong><br><span style="font-size:11px;">投资额度不大且一般题材</span></td>
|
||
<td><span class="badge badge-mid">普通</span></td>
|
||
<td><code>AVCC-G</code></td>
|
||
<td>省级广电批准文件</td>
|
||
<td>平台内播放，非首页推荐</td>
|
||
<td>1-3个工作日</td>
|
||
</tr>
|
||
<tr>
|
||
<td><strong>三类微短剧</strong><br><span style="font-size:11px;">投资额度较低且一般题材</span></td>
|
||
<td><span class="badge badge-low">其他</span></td>
|
||
<td><code>AVCC-O</code></td>
|
||
<td>播出单位审核+节目编号</td>
|
||
<td>限本平台/限免流播放</td>
|
||
<td>秒级实时赋码</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="highlight-box">
|
||
<strong>一码含证、扫码验真</strong>：AVCC监管段直接嵌入许可证信息——一类嵌入许可证编号，二类嵌入省级广电批准文件编号，三类嵌入播出单位节目编号。
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 8: Core Modules -->
|
||
<div class="slide" data-slide="8">
|
||
<div class="section-tag">四、核心系统模块</div>
|
||
<div class="slide-title">模块全景</div>
|
||
<div class="slide-subtitle">四大模块层 · 覆盖赋码、审核、检测、监管全链路</div>
|
||
|
||
<div class="two-col" style="margin-top: 16px;">
|
||
<div>
|
||
<h3 style="font-size: 16px; color: var(--primary-light);">核心业务层</h3>
|
||
<div class="card" style="margin-bottom: 8px;">
|
||
<div class="card-title">CC码管理</div>
|
||
<div class="card-body">码生成、签发、状态流转、码段分配与冻结 · 复用现有TCS-IPTV</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px;">
|
||
<div class="card-title">四关验证</div>
|
||
<div class="card-body">上传/播出/CDN/终端四环节CC码验证 · Redis缓存加速</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px;">
|
||
<div class="card-title">秒级下架</div>
|
||
<div class="card-body">一条指令并行通知所有平台+CDN，确认追踪 · 通常<3秒</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px;">
|
||
<div class="card-title">版权链引擎</div>
|
||
<div class="card-body">版权存证、权益子链、智能合约分账 · 基于长安链联盟链</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">清算引擎</div>
|
||
<div class="card-body">跨平台权益通兑、分账结算、版权估值 · 金融级清算逻辑</div>
|
||
</div>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size: 16px; color: var(--accent);">检测引擎层</h3>
|
||
<div class="card" style="margin-bottom: 8px; border-left: 3px solid var(--accent);">
|
||
<div class="card-title">网络探针爬虫</div>
|
||
<div class="card-body">全网视频/音频平台巡查、直播录制 · 反爬对抗持续挑战</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px; border-left: 3px solid var(--accent);">
|
||
<div class="card-title">检测编排引擎</div>
|
||
<div class="card-body">水印→指纹→AI三级分级检测编排 · 不同内容走不同检测路径</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px; border-left: 3px solid var(--accent);">
|
||
<div class="card-title">水印/指纹服务</div>
|
||
<div class="card-body">视频/音频水印嵌入提取 + 指纹提取入库 · 自主可控</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 8px; border-left: 3px solid var(--accent);">
|
||
<div class="card-title">AI语义服务</div>
|
||
<div class="card-body">视频/音频深度语义理解，兜底检测 · 模型部署+推理优化</div>
|
||
</div>
|
||
<div class="card" style="border-left: 3px solid var(--accent);">
|
||
<div class="card-title">C2PA SDK</div>
|
||
<div class="card-body">内容凭证嵌入/验证，含工信部CC码标识片段 · Rust核心+多语言绑定</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 9: Three-Layer Detection -->
|
||
<div class="slide" data-slide="9">
|
||
<div class="section-tag">五、关键技术方案</div>
|
||
<div class="slide-title">三层检测体系</div>
|
||
<div class="slide-subtitle">水印 → 指纹 → AI语义，层层递进，层层兜底</div>
|
||
|
||
<div style="margin-top: 20px;">
|
||
<div class="detection-layer">
|
||
<div class="detection-num l1">1</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size: 15px; font-weight: 600; color: var(--accent);">快速筛查</div>
|
||
<div style="font-size: 13px; color: var(--text-secondary); margin-top: 4px;">元数据验证（CC码存在性+状态有效性） → 识别无码内容、已下架内容</div>
|
||
</div>
|
||
<div class="badge badge-low">毫秒级</div>
|
||
</div>
|
||
<div class="detection-layer">
|
||
<div class="detection-num l2">2</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size: 15px; font-weight: 600; color: var(--primary-light);">重点检测</div>
|
||
<div style="font-size: 13px; color: var(--text-secondary); margin-top: 4px;">视频指纹（深度学习）+ 音频指纹（信号处理） → 识别转码/剪辑/变速后的内容</div>
|
||
</div>
|
||
<div class="badge badge-primary">秒级</div>
|
||
</div>
|
||
<div class="detection-layer">
|
||
<div class="detection-num l3">3</div>
|
||
<div style="flex:1;">
|
||
<div style="font-size: 15px; font-weight: 600; color: var(--warning);">深度检测</div>
|
||
<div style="font-size: 13px; color: var(--text-secondary); margin-top: 4px;">水印提取 + AI视频/音频语义理解 → 精确追溯来源 + 深度理解内容</div>
|
||
</div>
|
||
<div class="badge badge-mid">秒级~分钟级</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<strong>关键设计</strong>：三种手段互为补充——去水印还有指纹识别，指纹失效还有AI语义兜底，确保检测无死角。
|
||
</div>
|
||
|
||
<h3 style="margin-top: 24px;">其他关键技术</h3>
|
||
<div class="three-col">
|
||
<div class="card">
|
||
<div class="card-title">秒级下架全网同步</div>
|
||
<div class="card-body">Kafka 24路并行分发，3秒内回调确认，超时自动重试</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">UGC海量赋码</div>
|
||
<div class="card-body">码段授权模式，平台本地批量赋码，异步批量回传</div>
|
||
</div>
|
||
<div class="card">
|
||
<div class="card-title">直播实时监管</div>
|
||
<div class="card-body">频道预赋码 + 60秒切片并行送检 + 秒级断流指令</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 10: Tech Stack -->
|
||
<div class="slide" data-slide="10">
|
||
<div class="section-tag">六、技术栈选型</div>
|
||
<div class="slide-title">混合语言架构</div>
|
||
<div class="slide-subtitle">Go高并发 · Python业务编排 · Rust底层媒体处理</div>
|
||
|
||
<div class="two-col" style="margin-top: 16px;">
|
||
<div>
|
||
<h3 style="font-size: 16px;">语言与框架</h3>
|
||
<table>
|
||
<thead><tr><th>层级</th><th>选型</th><th>用途</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>网关层</td><td>Kong / APISIX</td><td>流量控制、鉴权、限流</td></tr>
|
||
<tr><td>高并发服务</td><td>Go 1.22+ / Gin</td><td>编码网关、赋码引擎、清算引擎</td></tr>
|
||
<tr><td>业务编排</td><td>Python 3.11+ / FastAPI</td><td>工作台、审核调度、链交互</td></tr>
|
||
<tr><td>媒体处理</td><td>Rust (c2pa-rs)</td><td>C2PA标准、视频指纹提取</td></tr>
|
||
<tr><td>前端</td><td>React 18 + Ant Design</td><td>工作台、监管大屏</td></tr>
|
||
<tr><td>区块链</td><td>Go + ChainMaker SDK</td><td>联盟链高性能交互，国密支持</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size: 16px;">数据与基础设施</h3>
|
||
<table>
|
||
<thead><tr><th>组件</th><th>选型</th><th>用途</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>关系型数据库</td><td>PostgreSQL 16.x</td><td>主业务数据，JSONB</td></tr>
|
||
<tr><td>缓存</td><td>Redis Cluster 7.x</td><td>会话、热点数据、分布式锁</td></tr>
|
||
<tr><td>时序分析</td><td>ClickHouse 24.x</td><td>播放数据、审核日志</td></tr>
|
||
<tr><td>对象存储</td><td>MinIO</td><td>水印、指纹、证据包</td></tr>
|
||
<tr><td>向量数据库</td><td>Milvus / pgvector</td><td>视频指纹相似度检索</td></tr>
|
||
<tr><td>容器编排</td><td>Kubernetes 1.29+</td><td>微服务编排、自动扩缩容</td></tr>
|
||
<tr><td>AI推理</td><td>Triton + PyTorch 2.x</td><td>GPU模型服务化</td></tr>
|
||
<tr><td>底层链</td><td>长安链 2.x</td><td>国密支持、联盟链</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 11: Deployment & Security -->
|
||
<div class="slide" data-slide="11">
|
||
<div class="section-tag">七、部署与运维 · 安全与合规</div>
|
||
<div class="slide-title">部署架构与安全合规</div>
|
||
<div class="slide-subtitle">等保三级VPC · 云原生K8s · 数据主权自主可控</div>
|
||
|
||
<div class="two-col" style="margin-top: 16px;">
|
||
<div>
|
||
<h3 style="font-size: 16px;">K8s部署拓扑</h3>
|
||
<svg width="100%" viewBox="0 0 520 400" xmlns="http://www.w3.org/2000/svg" style="margin-top: 8px;">
|
||
<defs>
|
||
<linearGradient id="k8sBorder" x1="0" y1="0" x2="1" y2="1">
|
||
<stop offset="0%" stop-color="#1677ff" stop-opacity="0.6"/>
|
||
<stop offset="100%" stop-color="#00d4aa" stop-opacity="0.4"/>
|
||
</linearGradient>
|
||
</defs>
|
||
|
||
<!-- Outer cluster boundary -->
|
||
<rect x="8" y="8" width="504" height="384" rx="12" fill="none" stroke="url(#k8sBorder)" stroke-width="2" stroke-dasharray="6 3"/>
|
||
<text x="16" y="26" fill="#00d4aa" font-size="11" font-weight="600">广电云 K8s 集群（等保三级VPC）</text>
|
||
|
||
<!-- Layer 1: Ingress -->
|
||
<rect x="24" y="36" width="472" height="40" rx="8" fill="#132f4c" stroke="#233656"/>
|
||
<text x="36" y="54" fill="#4096ff" font-size="11" font-weight="600">Ingress Controller</text>
|
||
<text x="36" y="68" fill="#8892b0" font-size="10">3 replicas · TLS 1.3 · Kong/Nginx</text>
|
||
<circle cx="470" cy="56" r="4" fill="#00d4aa"/>
|
||
<text x="478" y="59" fill="#00d4aa" font-size="9">公网443</text>
|
||
|
||
<!-- Connector -->
|
||
<line x1="260" y1="76" x2="260" y2="88" stroke="#233656" stroke-width="1.5"/>
|
||
|
||
<!-- Layer 2: Microservices -->
|
||
<rect x="24" y="88" width="472" height="80" rx="8" fill="#132f4c" stroke="#233656"/>
|
||
<text x="36" y="106" fill="#4096ff" font-size="11" font-weight="600">微服务应用层</text>
|
||
<rect x="36" y="114" width="100" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="86" y="129" fill="#e6f1ff" font-size="9" text-anchor="middle">code-svc(5)</text>
|
||
<rect x="144" y="114" width="110" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="199" y="129" fill="#e6f1ff" font-size="9" text-anchor="middle">review-svc(10)</text>
|
||
<rect x="262" y="114" width="100" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="312" y="129" fill="#e6f1ff" font-size="9" text-anchor="middle">chain-svc(3)</text>
|
||
<rect x="370" y="114" width="110" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="425" y="129" fill="#e6f1ff" font-size="9" text-anchor="middle">gateway-svc(5)</text>
|
||
<rect x="36" y="142" width="130" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="101" y="157" fill="#e6f1ff" font-size="9" text-anchor="middle">settlement-svc(3)</text>
|
||
<rect x="174" y="142" width="120" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="234" y="157" fill="#e6f1ff" font-size="9" text-anchor="middle">workbench-svc(3)</text>
|
||
<rect x="302" y="142" width="110" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="357" y="157" fill="#e6f1ff" font-size="9" text-anchor="middle">callback-svc(3)</text>
|
||
<rect x="420" y="142" width="60" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="450" y="157" fill="#e6f1ff" font-size="9" text-anchor="middle">reg(2)</text>
|
||
|
||
<!-- Connector -->
|
||
<line x1="260" y1="168" x2="260" y2="180" stroke="#233656" stroke-width="1.5"/>
|
||
|
||
<!-- Layer 3: Data & Middleware -->
|
||
<rect x="24" y="180" width="472" height="56" rx="8" fill="#132f4c" stroke="#233656"/>
|
||
<text x="36" y="198" fill="#4096ff" font-size="11" font-weight="600">数据与中间件层</text>
|
||
<rect x="36" y="206" width="70" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="71" y="221" fill="#e6f1ff" font-size="9" text-anchor="middle">PG(3)</text>
|
||
<rect x="114" y="206" width="80" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="154" y="221" fill="#e6f1ff" font-size="9" text-anchor="middle">Redis(6)</text>
|
||
<rect x="202" y="206" width="80" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="242" y="221" fill="#e6f1ff" font-size="9" text-anchor="middle">Kafka(3)</text>
|
||
<rect x="290" y="206" width="100" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="340" y="221" fill="#e6f1ff" font-size="9" text-anchor="middle">ClickHouse(3)</text>
|
||
<rect x="398" y="206" width="82" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="439" y="221" fill="#e6f1ff" font-size="9" text-anchor="middle">MinIO(4)</text>
|
||
|
||
<!-- Connector -->
|
||
<line x1="260" y1="236" x2="260" y2="248" stroke="#233656" stroke-width="1.5"/>
|
||
|
||
<!-- Layer 4: AI & Blockchain -->
|
||
<rect x="24" y="248" width="472" height="56" rx="8" fill="#132f4c" stroke="#233656"/>
|
||
<text x="36" y="266" fill="#4096ff" font-size="11" font-weight="600">AI推理与区块链层</text>
|
||
<rect x="36" y="274" width="160" height="22" rx="4" fill="#1a3a5c" stroke="#faad14" stroke-width="0.5"/>
|
||
<text x="116" y="289" fill="#e6f1ff" font-size="9" text-anchor="middle">Triton Server (GPU)</text>
|
||
<rect x="206" y="274" width="140" height="22" rx="4" fill="#1a3a5c" stroke="#1677ff" stroke-width="0.5"/>
|
||
<text x="276" y="289" fill="#e6f1ff" font-size="9" text-anchor="middle">ChainMaker(5)</text>
|
||
<rect x="356" y="274" width="120" height="22" rx="4" fill="#1a3a5c" stroke="#00d4aa" stroke-width="0.5"/>
|
||
<text x="416" y="289" fill="#e6f1ff" font-size="9" text-anchor="middle">Milvus(3)</text>
|
||
|
||
<!-- Connector -->
|
||
<line x1="260" y1="304" x2="260" y2="316" stroke="#233656" stroke-width="1.5"/>
|
||
|
||
<!-- Layer 5: Monitoring -->
|
||
<rect x="24" y="316" width="472" height="40" rx="8" fill="#132f4c" stroke="#233656"/>
|
||
<text x="36" y="334" fill="#4096ff" font-size="11" font-weight="600">监控</text>
|
||
<text x="36" y="348" fill="#8892b0" font-size="10">Prometheus + Grafana + ELK + Jaeger</text>
|
||
<circle cx="470" cy="336" r="4" fill="#00d4aa"/>
|
||
<text x="478" y="339" fill="#00d4aa" font-size="9">全链路</text>
|
||
|
||
<!-- Side labels -->
|
||
<text x="260" y="380" fill="#495670" font-size="9" text-anchor="middle">等保三级VPC · 服务网格mTLS · 自动扩缩容</text>
|
||
</svg>
|
||
|
||
<h3 style="font-size: 16px; margin-top: 16px;">高可用与灾备</h3>
|
||
<table>
|
||
<thead><tr><th>策略</th><th>RPO</th><th>RTO</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>PostgreSQL Patroni</td><td><1s</td><td><30s</td></tr>
|
||
<tr><td>Redis Cluster</td><td>0</td><td><10s</td></tr>
|
||
<tr><td>跨可用区（北京主+上海备）</td><td><5min</td><td><15min</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size: 16px;">等保三级合规</h3>
|
||
<table>
|
||
<thead><tr><th>要求</th><th>落实措施</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>安全物理环境</td><td>广电云自有数据中心 + 等保三级机房</td></tr>
|
||
<tr><td>安全通信网络</td><td>专线对接 + TLS 1.3 + Istio mTLS</td></tr>
|
||
<tr><td>安全区域边界</td><td>分安全域：DMZ/应用/数据/AI/区块链/监管</td></tr>
|
||
<tr><td>安全计算环境</td><td>容器安全扫描、镜像签名、运行时防护</td></tr>
|
||
<tr><td>安全管理中心</td><td>统一身份管理、集中审计、态势感知</td></tr>
|
||
<tr><td>数据安全</td><td>分类分级、国密SM4加密、脱敏展示</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="highlight-box" style="margin-top: 12px;">
|
||
<strong>自主可控</strong>：视频/音频水印和指纹技术完全自研，不依赖任何闭源外国商用软件。
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 12: Policy Alignment -->
|
||
<div class="slide" data-slide="12">
|
||
<div class="section-tag">八、政策对接</div>
|
||
<div class="slide-title">《微短剧发展管理办法》政策对接</div>
|
||
<div class="slide-subtitle">办法定义"管什么、怎么管"，CC码系统解决"用什么技术管、怎么管得住"</div>
|
||
|
||
<div style="margin-top: 16px;">
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>分类分级</strong>（第五条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">AVCC P/G/O三级编码</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>备案公示</strong>（第十二条~十六条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">赋码引擎预检 + 创作者工作台</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>审核许可</strong>（第十七条~二十四条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">审核引擎 + 许可证号嵌入AVCC</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>标准规范</strong>（第二十五条~二十八条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">AI审核引擎11类违规检测</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>播出要求</strong>（第二十九条~四十条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">四关验证 + 秒级下架 + 网络探针</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>监督管理</strong>（第四十一条~四十三条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">监管大屏 + 数据回传</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>法律责任</strong>（第四十四条~四十九条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">码段冻结 + 全网下架 + 链上存证</div>
|
||
</div>
|
||
<div class="mapping-row">
|
||
<div class="mapping-left"><strong>知识产权</strong>（第十条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">版权链 + 清算引擎 + C2PA</div>
|
||
</div>
|
||
<div class="mapping-row" style="border-bottom: none;">
|
||
<div class="mapping-left"><strong>国际交流</strong>（第八条）</div>
|
||
<div class="mapping-arrow">←→</div>
|
||
<div class="mapping-right">CC码统一标识 + 跨平台解析</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box">
|
||
<strong>核心价值</strong>：办法是制度之锚，CC码是执行之器。
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 13: Implementation Roadmap -->
|
||
<div class="slide" data-slide="13">
|
||
<div class="section-tag">九、分阶段实施路线</div>
|
||
<div class="slide-title">三阶段实施路线</div>
|
||
<div class="slide-subtitle">投入小、见效快 → 全量覆盖</div>
|
||
|
||
<div class="three-col" style="margin-top: 20px;">
|
||
<div class="card" style="border-top: 3px solid var(--accent);">
|
||
<div class="card-title" style="color: var(--accent);">一期：筑基</div>
|
||
<div style="font-size: 12px; color: var(--text-muted); margin-bottom: 8px;">0-6个月</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li>AVCC编码规则发布</li>
|
||
<li>赋码中心V1.0上线</li>
|
||
<li>3-5家平台试点</li>
|
||
<li>行业节点申请</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="border-top: 3px solid var(--primary);">
|
||
<div class="card-title">二期：贯通</div>
|
||
<div style="font-size: 12px; color: var(--text-muted); margin-bottom: 8px;">6-12个月</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li>AI工具SDK发布</li>
|
||
<li>版权链全链路贯通</li>
|
||
<li>智能审核覆盖80%普通类</li>
|
||
<li>行业节点正式运营</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="card" style="border-top: 3px solid var(--warning);">
|
||
<div class="card-title" style="color: var(--warning);">三期：生态</div>
|
||
<div style="font-size: 12px; color: var(--text-muted); margin-bottom: 8px;">1-2年</div>
|
||
<div class="card-body">
|
||
<ul class="feature-list">
|
||
<li>AIGC片库统一入口</li>
|
||
<li>跨平台权益通兑</li>
|
||
<li>行业分账标准发布</li>
|
||
<li>CC码跨平台应用</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="timeline" style="margin-top: 32px;">
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">3个月</div>
|
||
<div class="timeline-label">平台门禁上线</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">6个月</div>
|
||
<div class="timeline-label">UGC赋码</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">9个月</div>
|
||
<div class="timeline-label">直播监管</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">12个月</div>
|
||
<div class="timeline-label">全量运行</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">15个月</div>
|
||
<div class="timeline-label">音频优化</div>
|
||
</div>
|
||
<div class="timeline-item">
|
||
<div class="timeline-line"></div>
|
||
<div class="timeline-time">18个月</div>
|
||
<div class="timeline-label">运营优化</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 14: Team & Budget -->
|
||
<div class="slide" data-slide="14">
|
||
<div class="section-tag">十、团队与预算</div>
|
||
<div class="slide-title">团队分工与预算</div>
|
||
<div class="slide-subtitle">22~31人团队 · 总预算3,300万元 · 24个月</div>
|
||
|
||
<div class="two-col" style="margin-top: 16px;">
|
||
<div>
|
||
<h3 style="font-size: 16px;">团队划分</h3>
|
||
<table>
|
||
<thead><tr><th>团队</th><th>人数</th><th>核心职责</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>后端团队</td><td>6~8</td><td>CC码管理、验证、下架</td></tr>
|
||
<tr><td>检测团队</td><td>4~6</td><td>爬虫集群、检测编排</td></tr>
|
||
<tr><td>算法团队</td><td>4~6</td><td>水印/指纹/AI</td></tr>
|
||
<tr><td>前端团队</td><td>2~3</td><td>管理界面、数据大屏</td></tr>
|
||
<tr><td>运维团队</td><td>3~4</td><td>容器集群、数据库</td></tr>
|
||
<tr><td>平台对接</td><td>3~4</td><td>SDK、对接文档</td></tr>
|
||
<tr style="border-top: 2px solid var(--border);"><td><strong>合计</strong></td><td><strong>22~31</strong></td><td>—</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
<div>
|
||
<h3 style="font-size: 16px;">预算分配</h3>
|
||
<table>
|
||
<thead><tr><th>阶段</th><th>周期</th><th>预算（万元）</th><th>占比</th></tr></thead>
|
||
<tbody>
|
||
<tr><td>一期：筑基</td><td>1-6月</td><td>850</td><td>25.7%</td></tr>
|
||
<tr><td>二期：贯通</td><td>7-12月</td><td>1,050</td><td>31.8%</td></tr>
|
||
<tr><td>三期：生态</td><td>13-24月</td><td>1,400</td><td>42.5%</td></tr>
|
||
<tr style="border-top: 2px solid var(--border);"><td><strong>总计</strong></td><td><strong>24个月</strong></td><td><strong>3,300</strong></td><td><strong>100%</strong></td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<h3 style="font-size: 16px; margin-top: 16px;">四层商业模式</h3>
|
||
<div class="card" style="margin-bottom: 6px; padding: 10px 16px;">
|
||
<div style="font-size: 13px;"><span class="badge badge-primary">L1</span> 赋码服务：50-2000元/件</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 6px; padding: 10px 16px;">
|
||
<div style="font-size: 13px;"><span class="badge badge-primary">L2</span> 合规SaaS：AI预审API + 认证年费</div>
|
||
</div>
|
||
<div class="card" style="margin-bottom: 6px; padding: 10px 16px;">
|
||
<div style="font-size: 13px;"><span class="badge badge-primary">L3</span> 跨平台清算：6%-8%佣金</div>
|
||
</div>
|
||
<div class="card" style="padding: 10px 16px;">
|
||
<div style="font-size: 13px;"><span class="badge badge-primary">L4</span> 数据与生态：行业报告 + 生态产品</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="highlight-box" style="margin-top: 16px;">
|
||
<strong>盈亏平衡</strong>：年赋码量50万部 或 跨平台结算GMV达10亿元时，项目可实现全面盈亏平衡。预计第18-24个月覆盖前期投入。
|
||
</div>
|
||
</div>
|
||
|
||
<!-- Slide 15: Key Risks -->
|
||
<div class="slide" data-slide="15">
|
||
<div class="section-tag">十一、关键风险与应对</div>
|
||
<div class="slide-title">关键风险与应对方案</div>
|
||
<div class="slide-subtitle">10项风险识别 · 分级应对</div>
|
||
|
||
<table style="margin-top: 16px;">
|
||
<thead><tr><th>风险</th><th>等级</th><th>应对方案</th></tr></thead>
|
||
<tbody>
|
||
<tr><td><strong>音频水印抗翻录不达标</strong></td><td><span class="badge badge-high">高</span></td><td>音频指纹作为主力兜底；水印持续优化；先验证再上线</td></tr>
|
||
<tr><td><strong>行业节点审批延迟</strong></td><td><span class="badge badge-mid">中</span></td><td>提前3个月提交申请材料，与工信部保持密切沟通</td></tr>
|
||
<tr><td><strong>平台对接进度滞后</strong></td><td><span class="badge badge-mid">中</span></td><td>SDK简化对接；行政强制+分批过渡；网络探针重点巡查</td></tr>
|
||
<tr><td><strong>AI审核准确率不足</strong></td><td><span class="badge badge-mid">中</span></td><td>持续模型迭代 + A/B测试 + 人机协同流程优化</td></tr>
|
||
<tr><td><strong>爬虫被反爬阻挡</strong></td><td><span class="badge badge-mid">中</span></td><td>代理IP池+浏览器自动化；群众举报通道补充</td></tr>
|
||
<tr><td><strong>GPU资源不足</strong></td><td><span class="badge badge-mid">中</span></td><td>分级检测策略，快速筛查用CPU，深度检测才用GPU</td></tr>
|
||
<tr><td><strong>直播检测延迟超标</strong></td><td><span class="badge badge-mid">中</span></td><td>优先用水印/指纹（秒级），AI语义作为异步补充</td></tr>
|
||
<tr><td><strong>误判正常内容</strong></td><td><span class="badge badge-mid">中</span></td><td>分级处置+人工兜底+申诉通道+阈值持续优化</td></tr>
|
||
<tr><td><strong>区块链性能瓶颈</strong></td><td><span class="badge badge-mid">中</span></td><td>联盟链分片+链下计算+批量上链</td></tr>
|
||
<tr><td><strong>等保三级测评不过</strong></td><td><span class="badge badge-low">低</span></td><td>提前聘请测评机构预审+安全左移</td></tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
|
||
<!-- Slide 16: Value Summary -->
|
||
<div class="slide" data-slide="16">
|
||
<div class="section-tag">十二、方案价值总结</div>
|
||
<div class="slide-title">方案价值总结</div>
|
||
<div class="slide-subtitle">从"管不住"到"秒级管住"，从"无变现"到"四层商业模式"</div>
|
||
|
||
<table class="compare-table" style="margin-top: 16px;">
|
||
<thead>
|
||
<tr><th>维度</th><th>现状</th><th>本方案实现后</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<tr><td><strong>发现速度</strong></td><td>人工巡查，天级~周级</td><td>秒级（平台门禁）+ 分钟级（网络探针）</td></tr>
|
||
<tr><td><strong>下架速度</strong></td><td>逐级通知，小时级~天级</td><td>一键指令，秒级全网下架</td></tr>
|
||
<tr><td><strong>覆盖范围</strong></td><td>依赖平台配合，UGC失管，音频无监管</td><td>全量覆盖：影视剧+UGC+直播+音乐+播客+广播</td></tr>
|
||
<tr><td><strong>追溯能力</strong></td><td>难以追溯来源</td><td>CC码+水印+指纹，全链路追溯</td></tr>
|
||
<tr><td><strong>对抗能力</strong></td><td>被动应对</td><td>水印+指纹+AI多层检测，扛转码/剪辑/去水印/翻录</td></tr>
|
||
<tr><td><strong>证据固化</strong></td><td>人工截图取证</td><td>自动保存视频/音频片段、截图、检测日志</td></tr>
|
||
<tr><td><strong>运营成本</strong></td><td>大量人工巡查</td><td>自动化检测，人工只处理告警和审核</td></tr>
|
||
<tr><td><strong>音频版权</strong></td><td>翻录泛滥，维权困难</td><td>音频水印+指纹，翻录/变速/翻唱均可追溯</td></tr>
|
||
<tr><td><strong>编码标准</strong></td><td>行业内部码</td><td>工信部CC码，全国唯一、全网解析</td></tr>
|
||
<tr><td><strong>商业模式</strong></td><td>无变现路径</td><td>四层商业模式：赋码+SaaS+清算+数据生态</td></tr>
|
||
</tbody>
|
||
</table>
|
||
|
||
<div class="highlight-box" style="margin-top: 20px; text-align: center; font-size: 16px;">
|
||
<strong>办法是制度之锚，CC码是执行之器</strong><br>
|
||
<span style="font-size: 14px; color: var(--text-secondary);">不替代现有系统，在关键节点嵌入验证能力，新增网络探针兜底，视频和音频统一编码、统一验证、统一处置</span>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
<!-- Navigation -->
|
||
<div class="nav-bar">
|
||
<button class="nav-btn" id="prevBtn" onclick="navigate(-1)">◀ 上一页</button>
|
||
<span class="slide-counter"><span id="currentSlide">1</span> / <span id="totalSlides">16</span></span>
|
||
<button class="nav-btn" id="nextBtn" onclick="navigate(1)">下一页 ▶</button>
|
||
</div>
|
||
|
||
<script>
|
||
let currentSlide = 1;
|
||
const slides = document.querySelectorAll('.slide');
|
||
const totalSlides = slides.length;
|
||
document.getElementById('totalSlides').textContent = totalSlides;
|
||
|
||
function navigate(direction) {
|
||
const next = currentSlide + direction;
|
||
if (next < 1 || next > totalSlides) return;
|
||
|
||
slides[currentSlide - 1].classList.remove('active');
|
||
if (direction > 0) {
|
||
slides[currentSlide - 1].classList.add('prev');
|
||
} else {
|
||
slides[currentSlide - 1].classList.remove('prev');
|
||
}
|
||
|
||
currentSlide = next;
|
||
slides[currentSlide - 1].classList.remove('prev');
|
||
slides[currentSlide - 1].classList.add('active');
|
||
|
||
// Remove prev class after transition
|
||
setTimeout(() => {
|
||
slides.forEach((s, i) => {
|
||
if (i !== currentSlide - 1) {
|
||
s.classList.remove('active');
|
||
}
|
||
});
|
||
}, 600);
|
||
|
||
updateNav();
|
||
}
|
||
|
||
function goToSlide(n) {
|
||
if (n < 1 || n > totalSlides || n === currentSlide) return;
|
||
const direction = n > currentSlide ? 1 : -1;
|
||
|
||
slides[currentSlide - 1].classList.remove('active');
|
||
if (direction > 0) slides[currentSlide - 1].classList.add('prev');
|
||
else slides[currentSlide - 1].classList.remove('prev');
|
||
|
||
currentSlide = n;
|
||
slides[currentSlide - 1].classList.remove('prev');
|
||
slides[currentSlide - 1].classList.add('active');
|
||
|
||
setTimeout(() => {
|
||
slides.forEach((s, i) => {
|
||
if (i !== currentSlide - 1) s.classList.remove('active');
|
||
});
|
||
}, 600);
|
||
|
||
updateNav();
|
||
}
|
||
|
||
function updateNav() {
|
||
document.getElementById('currentSlide').textContent = currentSlide;
|
||
document.getElementById('prevBtn').disabled = currentSlide === 1;
|
||
document.getElementById('nextBtn').disabled = currentSlide === totalSlides;
|
||
}
|
||
|
||
// Keyboard navigation
|
||
document.addEventListener('keydown', (e) => {
|
||
if (e.key === 'ArrowRight' || e.key === ' ' || e.key === 'PageDown') {
|
||
e.preventDefault();
|
||
navigate(1);
|
||
} else if (e.key === 'ArrowLeft' || e.key === 'PageUp') {
|
||
e.preventDefault();
|
||
navigate(-1);
|
||
} else if (e.key === 'Home') {
|
||
e.preventDefault();
|
||
goToSlide(1);
|
||
} else if (e.key === 'End') {
|
||
e.preventDefault();
|
||
goToSlide(totalSlides);
|
||
}
|
||
});
|
||
|
||
// Touch navigation
|
||
let touchStartX = 0;
|
||
document.addEventListener('touchstart', (e) => {
|
||
touchStartX = e.touches[0].clientX;
|
||
});
|
||
document.addEventListener('touchend', (e) => {
|
||
const touchEndX = e.changedTouches[0].clientX;
|
||
const diff = touchStartX - touchEndX;
|
||
if (Math.abs(diff) > 50) {
|
||
navigate(diff > 0 ? 1 : -1);
|
||
}
|
||
});
|
||
|
||
updateNav();
|
||
</script>
|
||
|
||
</body>
|
||
</html>
|