Files
monibuca/website/index.html
2025-01-15 10:25:14 +08:00

175 lines
5.4 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>Monibuca - 高性能流媒体服务器框架</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<nav>
<div class="container">
<div class="logo">
<img src="logo.svg" alt="Monibuca Logo">
<span>Monibuca</span>
</div>
<div class="nav-links">
<a href="#features">特性</a>
<a href="#quickstart">快速开始</a>
<a href="#plugins">插件</a>
<a href="#docs">文档</a>
<a href="https://github.com/langhuihui/monibuca" class="github-link" target="_blank" rel="noopener">GitHub</a>
</div>
</div>
</nav>
</header>
<main>
<section class="hero">
<div class="container">
<h1>下一代流媒体服务器框架</h1>
<p class="subtitle">高性能、可扩展、插件化的纯 Go 流媒体服务器开发框架</p>
<div class="cta-buttons">
<a href="#quickstart" class="primary-button">快速开始</a>
<a href="https://docs.m7s.live" class="secondary-button" target="_blank" rel="noopener">查看文档</a>
</div>
<div class="features-grid">
<div class="feature-card">
<div class="icon">🚀</div>
<h3>高性能</h3>
<p>采用纯 Go 开发,充分利用 Go 的并发特性</p>
</div>
<div class="feature-card">
<div class="icon">🔌</div>
<h3>插件化</h3>
<p>核心功能都以插件形式提供,可按需加载</p>
</div>
<div class="feature-card">
<div class="icon">🛠</div>
<h3>可扩展</h3>
<p>支持自定义插件开发,灵活扩展功能</p>
</div>
<div class="feature-card">
<div class="icon">📽</div>
<h3>多协议</h3>
<p>支持 RTMP、HTTP-FLV、HLS、WebRTC 等</p>
</div>
</div>
</div>
</section>
<section id="features" class="features">
<div class="container">
<h2>核心特性</h2>
<div class="features-list">
<div class="feature">
<h3>🎯 低延迟</h3>
<p>针对实时性场景优化,提供极低的传输延迟</p>
</div>
<div class="feature">
<h3>📊 实时监控</h3>
<p>支持 Prometheus 监控集成,实时掌握系统状态</p>
</div>
<div class="feature">
<h3>🔄 集群支持</h3>
<p>支持分布式部署,轻松扩展系统规模</p>
</div>
</div>
</div>
</section>
<section id="quickstart" class="quickstart">
<div class="container">
<h2>快速开始</h2>
<div class="code-block">
<div class="code-header">
<span>安装</span>
<button class="copy-button" data-target="install-code">复制</button>
</div>
<pre><code id="install-code">mkdir my-m7s-server && cd my-m7s-server
go mod init my-m7s-server</code></pre>
</div>
<div class="code-block">
<div class="code-header">
<span>创建主程序</span>
<button class="copy-button" data-target="main-code">复制</button>
</div>
<pre><code id="main-code">package main
import (
"context"
"m7s.live/v5"
_ "m7s.live/v5/plugin/rtmp"
_ "m7s.live/v5/plugin/flv"
_ "m7s.live/v5/plugin/hls"
)
func main() {
m7s.Run(context.Background(), "config.yaml")
}</code></pre>
</div>
</div>
</section>
<section id="plugins" class="plugins">
<div class="container">
<h2>官方插件</h2>
<div class="plugins-grid">
<div class="plugin-card">
<h3>RTMP</h3>
<p>支持 RTMP 协议推拉流</p>
</div>
<div class="plugin-card">
<h3>HTTP-FLV</h3>
<p>支持 HTTP-FLV 协议直播</p>
</div>
<div class="plugin-card">
<h3>HLS</h3>
<p>支持 HLS 协议直播点播</p>
</div>
<div class="plugin-card">
<h3>WebRTC</h3>
<p>支持 WebRTC 协议互动直播</p>
</div>
<div class="plugin-card">
<h3>GB28181</h3>
<p>支持国标协议设备接入</p>
</div>
<div class="plugin-card">
<h3>SRT</h3>
<p>支持 SRT 协议传输</p>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h4>资源</h4>
<a href="https://docs.m7s.live">文档</a>
<a href="https://pkg.go.dev/m7s.live/v5">API 参考</a>
<a href="https://github.com/langhuihui/monibuca/tree/main/example">示例代码</a>
</div>
<div class="footer-section">
<h4>社区</h4>
<a href="https://github.com/langhuihui/monibuca">GitHub</a>
<a href="https://github.com/langhuihui/monibuca/issues">问题反馈</a>
</div>
<div class="footer-section">
<h4>关于</h4>
<p>© 2024 Monibuca. 采用 AGPL 许可证.</p>
</div>
</div>
</div>
</footer>
<script src="main.js"></script>
</body>
</html>