-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
144 lines (138 loc) · 9.7 KB
/
index.html
File metadata and controls
144 lines (138 loc) · 9.7 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
<html>
<head>
<title>Open Streaming Platform</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" rel="stylesheet">
<link href="/css/main.css" rel="stylesheet">
</head>
<body>
<header class="header shadow">
<div id="particles-js"></div>
<div class="brand-box">
<a href="/"><span class="brand"><img src="/img/osplogo_nav.png" style="width:128px;height:128px;"></span></a>
</div>
<div class="nav-container">
<div class="navbar" id="myTopnav">
<a class="text-shadow nav-link" href="https://demo.openstreamingplatform.com"><b>Demo</b></a>
<a class="text-shadow nav-link" href="https://forums.openstreamingplatform.com"><b>Forums</b></a>
<a class="text-shadow nav-link" href="https://wiki.openstreamingplatform.com"><b>Support</b></a>
<a class="text-shadow nav-link" href="https://blog.divby0.net"><b>Blog</b></a>
<a class="text-shadow nav-link" href="#contribute"><b>Contribute</b></a>
</div>
</div>
<div class="text-box">
<h1 class="heading-primary">
<span class="heading-primary-main text-shadow">Open Streaming Platform</span>
<span class="heading-primary-sub">Free, Self-Hosted, Open Source Streaming </span><br>
<video class="mainVideos" muted autoplay controls>
<source src="/img/OSPIntro.mp4" type="video/mp4">
</video>
</h1>
<a href="https://wiki.openstreamingplatform.com/Install/Standard" class="btn btn-white btn-animated shadow">Get Started</a>
</div>
<div class="release shadow slide-in-left">
<div class="release-container">
<div class="release-version-header">Current Release:
<span id="releaseVersion"></span>
</div>
<div class="release-date-header">Release Date:
<span id="releaseDate"></span>
</div>
<div class="release-button-row">
<a class="releaseButton releaseButton-green shadow" href="#"><i class="fas fa-file-alt"></i> <b>Changelog</b></a>
<a class="releaseButton releaseButton-purple shadow" href="#"><i class="fas fa-code-branch"></i> <b>Source</b></a>
<a class="releaseButton releaseButton-cyan shadow" href="#"><i class="far fa-file-archive"></i> <b>Release (tar.gz)</b></a>
</div>
</div>
</div>
<div class="social">
<a href="https://discord.gg/Jp5rzbD"><img src="/img/discord.png" width=52px height=52px></a>
<a href="https://twitter.com/OSP_App"><img src="/img/twitter.png" width=48px height=48px></a>
<a href="https://gitlab.com/Deamos/flask-nginx-rtmp-manager"><img src="/img/gitlab.png" width=48px height=48px></a>
</div>
</header>
<div id="about" class="content-box midnight-city shadow">
<div class="sub-box">
<h2>About</h2>
<p>Open Streaming Platform (OSP) is an open-source, RTMP streamer software front-end for Arut's Nginx-RTMP Module. OSP was designed as a self-hosted alternative to services such as Twitch.tv, Ustream.tv, Mixer, and Youtube Live.</p>
<p>OSP uses Python 3, the Flask Micro-Framework, Nginx-RTMP, VideoJS, Bootstrap, and other modules to build a home for your live streams, videos, and community.</p>
</div>
</div>
<div id="features" class="content-box nighthawk shadow">
<div class="sub-box">
<h2>Features</h2>
<ul>
<li>RTMP Streaming from an input source like Open Broadcast Software (OBS)</li>
<li>Multiple Channels per User, allowing a single user to broadcast multiple streams at the same time without needing multiple accounts</li>
<li>Video Stream Recording and On-Demand Playback</li>
<li>Per Channel Real-Time Chat for Video Streams</li>
<li>Manual Video Uploading of MP4s that are sourced outside of OSP</li>
<li>Real-Time Chat Moderation by Channel Owners (Banning/Unbanning)</li>
<li>Protected Streams to allow access only to the audience you want</li>
<li>Live Channels - Keep chatting and hang out when a stream isn't on</li>
<li>Webhooks - Connect OSP to other services via fully customizable HTTP requests which will pass information</li>
<li>Embed you stream or video directly into another web page easily</li>
<li>Share channels or videos via Facebook or Twitter quickly</li>
<li>Ability to Customize the UI as a Theme for your own personal look</li>
<li>Restream to other RTMP destinations</li>
</ul>
</div>
</div>
<div id="contribute" class="content-box shadow">
<div class="sub-box">
<h2>Contribute</h2>
<p>Open Streaming Platform is a free, open-source project that has been developed under the MIT License by developers giving their time to make something awesome for everyone that will respect your privacy.<br>
Contributions to OSP will help support the developers and allow us to rent servers and get the tools needed to keep the Open Streaming Platform alive. </p>
<p>Developers interested in contributing directly to the project may submit pull requests directly to our <a href="https://gitlab.com/Deamos/flask-nginx-rtmp-manager">Gitlab Repository</a> or by <a href="https://discord.gg/Jp5rzbD">visiting our Discord.</a></p>
<h2>Donations</h2>
<p>Those interested in providing monetary donations may do so on our Open Collective page or via Bitcoin. Donations are made to a community fund which supports the developers and community of OSP.</p>
<h3>Bitcoin</h3>
</div>
<div style="text-align:center;">
<img src="img/bitcoin.png" style="width:128px;height:128px;"><br>
<b>Address</b>: <a href="bitcoin:15kkuya6SKYRHaBYkAqDY691H3Dik4cinp">15kkuya6SKYRHaBYkAqDY691H3Dik4cinp</a><br>
<b>Transactions</b>: <a href="https://www.blockchain.com/btc/address/15kkuya6SKYRHaBYkAqDY691H3Dik4cinp">https://www.blockchain.com/btc/address/15kkuya6SKYRHaBYkAqDY691H3Dik4cinp</a><br>
</div>
<div class="sub-box">
<h3>Open Collective</h3>
<script src="https://opencollective.com/open-streaming-platform/donate/button.js" color="blue"></script>
<div class="open-collective-banner">
<script src='https://opencollective.com/open-streaming-platform/banner.js?style={"a":{"color":"white","text-decoration":"underline"},"h2":{"fontFamily":"Verdana","fontWeight":"normal","fontSize":"20px","color":"white"}}'></script>
</div>
</div>
</div>
<script>
const repo = "https://gitlab.com/api/v4/projects/5871108/releases/"
var getJSON = function(url, callback) {
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'json';
xhr.onload = function() {
var status = xhr.status;
if (status === 200) {
callback(null, xhr.response);
} else {
callback(status, xhr.response);
}
};
xhr.send();
};
getJSON(repo,
function(err, data) {
if (err !== null) {
alert('Something went wrong: ' + err);
} else {
var tagID = data[0]['tag_name'];
var releaseDate = data[0]['released_at'].substring(0,10);
document.getElementById('releaseVersion').innerHTML = tagID;
document.getElementById('releaseDate').innerHTML = releaseDate;
}
});
</script>
<script src="http://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>
<script>
particlesJS("particles-js", {"particles":{"number":{"value":160,"density":{"enable":true,"value_area":800}},"color":{"value":"#ffffff"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":1,"random":true,"anim":{"enable":true,"speed":1,"opacity_min":0,"sync":false}},"size":{"value":3,"random":true,"anim":{"enable":false,"speed":4,"size_min":0.3,"sync":false}},"line_linked":{"enable":false,"distance":150,"color":"#ffffff","opacity":0.4,"width":1},"move":{"enable":true,"speed":1,"direction":"none","random":true,"straight":false,"out_mode":"out","bounce":false,"attract":{"enable":false,"rotateX":600,"rotateY":600}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"bubble"},"onclick":{"enable":true,"mode":"repulse"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":250,"size":0,"duration":2,"opacity":0,"speed":3},"repulse":{"distance":400,"duration":0.4},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true});var count_particles, update;
</script>
</body>
</html>