Update root docs index.html to reference new separate architecture diagrams
This commit is contained in:
@@ -9,7 +9,8 @@
|
|||||||
<body>
|
<body>
|
||||||
<h1>MPR - Media Processor</h1>
|
<h1>MPR - Media Processor</h1>
|
||||||
<p>
|
<p>
|
||||||
A web-based media transcoding tool with professional architecture.
|
Media transcoding platform with dual execution modes: local (Celery
|
||||||
|
+ MinIO) and cloud (AWS Step Functions + Lambda + S3).
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<nav>
|
<nav>
|
||||||
@@ -20,19 +21,40 @@
|
|||||||
</nav>
|
</nav>
|
||||||
|
|
||||||
<h2 id="overview">System Overview</h2>
|
<h2 id="overview">System Overview</h2>
|
||||||
|
|
||||||
|
<h3>Local Architecture (Development)</h3>
|
||||||
<div class="diagram-container">
|
<div class="diagram-container">
|
||||||
<div class="diagram">
|
<div class="diagram">
|
||||||
<h3>Architecture</h3>
|
|
||||||
<object
|
<object
|
||||||
type="image/svg+xml"
|
type="image/svg+xml"
|
||||||
data="architecture/01-system-overview.svg"
|
data="architecture/01a-local-architecture.svg"
|
||||||
>
|
>
|
||||||
<img
|
<img
|
||||||
src="architecture/01-system-overview.svg"
|
src="architecture/01a-local-architecture.svg"
|
||||||
alt="System Overview"
|
alt="Local Architecture"
|
||||||
/>
|
/>
|
||||||
</object>
|
</object>
|
||||||
<a href="architecture/01-system-overview.svg" target="_blank"
|
<a
|
||||||
|
href="architecture/01a-local-architecture.svg"
|
||||||
|
target="_blank"
|
||||||
|
>Open full size</a
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<h3>AWS Architecture (Production)</h3>
|
||||||
|
<div class="diagram-container">
|
||||||
|
<div class="diagram">
|
||||||
|
<object
|
||||||
|
type="image/svg+xml"
|
||||||
|
data="architecture/01b-aws-architecture.svg"
|
||||||
|
>
|
||||||
|
<img
|
||||||
|
src="architecture/01b-aws-architecture.svg"
|
||||||
|
alt="AWS Architecture"
|
||||||
|
/>
|
||||||
|
</object>
|
||||||
|
<a href="architecture/01b-aws-architecture.svg" target="_blank"
|
||||||
>Open full size</a
|
>Open full size</a
|
||||||
>
|
>
|
||||||
</div>
|
</div>
|
||||||
@@ -47,19 +69,24 @@
|
|||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span class="color-box" style="background: #f0f8e8"></span>
|
<span class="color-box" style="background: #f0f8e8"></span>
|
||||||
Application Layer (Django, FastAPI, UI)
|
Application Layer (Django Admin, FastAPI + GraphQL, Timeline
|
||||||
|
UI)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span class="color-box" style="background: #fff8e8"></span>
|
<span class="color-box" style="background: #fff8e8"></span>
|
||||||
Worker Layer (Celery, Lambda)
|
Worker Layer (Celery local mode)
|
||||||
|
</li>
|
||||||
|
<li>
|
||||||
|
<span class="color-box" style="background: #fde8d0"></span>
|
||||||
|
AWS (Step Functions, Lambda - cloud mode)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span class="color-box" style="background: #f8e8f0"></span>
|
<span class="color-box" style="background: #f8e8f0"></span>
|
||||||
Data Layer (PostgreSQL, Redis, SQS)
|
Data Layer (PostgreSQL, Redis)
|
||||||
</li>
|
</li>
|
||||||
<li>
|
<li>
|
||||||
<span class="color-box" style="background: #f0f0f0"></span>
|
<span class="color-box" style="background: #f0f0f0"></span>
|
||||||
Storage (Local FS, S3)
|
S3 Storage (MinIO local / AWS S3 cloud)
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user