streaming/index.html at main · MIB-Gang/streaming · GitHub

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
<!-- Home -->

<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <link rel="stylesheet" href="utils/css/stylesheet.css">
    <link rel="stylesheet" href="utils/css/index.css">
    <script src="utils/js/script.js"></script>

    <title>Streaming</title>
</head>

<body>
    <nav>
        <ul>
            <li><a href="index.html" class="nav-single nav-active">Home</a></li>
            <li><a href="#">Live-Streaming</a>
                <ul>
                    <li><a href="/src/live/twitch.html">Twitch</a></li>
                    <li><a href="/src/live/socialmedia.html">Social Media</a></li>
                </ul>
            </li>
            <li><a href="#">Video on Demand</a>
                <ul>
                    <li><a href="/src/vod/appletv.html">Apple TV+</a></li>
                    <li><a href="/src/vod/disneyplus.html">Disney Plus</a></li>
                    <li><a href="/src/vod/netflix.html">Netflix</a></li>
                    <li><a href="/src/vod/primevideo.html">Prime Video</a></li>
                    <li><a href="/src/vod/youtube.html">YouTube</a></li>
                </ul>
            </li>
            <li><a href="#">Music on Demand</a>
                <ul>
                    <li><a href="/src/music/deezer.html">Deezer</a></li>
                    <li><a href="/src/music/soundcloud.html">SoundCloud</a></li>
                    <li><a href="/src/music/spotify.html">Spotify</a></li>
                </ul>
            </li>
            <li><a href="/src/quellen/quellen.html" class="nav-single">Quellen</a></li>
        </ul>
    </nav>
    <button class="nav-fab"><img src="/assets/icons/icon_menu.svg" alt="Menü-Icon"></button>

    <div class="hero">
        <div class="hero-content">
            <h1>Streaming</h1>
            <!-- <p>Hier erfahren Sie, was es mit diesem Phänomen auf sich hat, und welche verschiedenen Formen und Streaming-Dienste es gibt. </p> -->
        </div>
    </div>

    <main>
        <div class="tile">
            <div class="tile-content">
                <h2>Was ist Streaming?</h2>
                <p>
                    Als Streaming bezeichnet man den kontinuierlichen Datentransfer über ein Netzwerk.
                    Das heißt, Bild oder Ton werden während des Schauens oder Hörens übertragen und im Cache des Endgerätes nur zwischengespeichert.
                    Dadurch sind Inhalte überall und jederzeit online abrufbar, unabhängig davon, ob ein Laptop oder Smartphone genutzt wird.
                    <br><br>
                    Die Streaming-Plattformen lassen sich vor allem in zwei Kategorien unterteilen: <b>Live-Streaming</b> und <b>On Demand</b>.
                </p>
            </div>
        </div>
        <div class="tile">
            <div class="tile-content">
                <h2>Live-Streaming</h2>
                <p>
                    Wie der Name bereits vermuten lässt, handelt es sich beim Live-Streaming um <b>Echtzeitübertragungen</b> von Video und Audio. Das bedeutet, bereits während der Aufnahme
                    werden die Daten gestreamt. <br> <br>
                    Dies geschieht im Regelfall durch Peer-to-Peer oder serverbasiertem Streaming. Peer-to-Peer meint eine direkte Übertragung zwischen zwei und mehr
                    Clients, z.B. bei Video-Konferenzen. Dabei wird kein zentraler Server belastet und die Qualität hängt allein von den Leitungen aller Teilnehmenden ab. <br> <br>
                    Beim Server-Streaming, wird der Stream an einen zentralen Server gesendet, der von dort aus von verschiedenen Clients, quasi das Publikum, übertragen werden kann.
                    Beispiele sind <b>Live-Konzerte</b>, <b>Online-Shows</b>, oder auch das <b>Streaming von Videospielen</b>, das besonders auf der Plattform Twitch praktiziert wird.
                </p>
            </div>
        </div>
        <div class="tile">
            <div class="tile-content">
                <h2>On Demand</h2>
                <p>
                    Im Gegensatz zum Live-Streaming werden beim On-Demand-Streaming die Aufnahmen nicht in echtzeit übertragen, sondern erst später auf einen Server geladen und können <b>erst im
                    Nachhinein</b> vom Client abgerufen und über das Internet übertragen werden. Die Zeitspanne zwischen Aufnahme und Wiedergabe ermöglicht es, die Aufnahmen zu montieren
                    und zu manipulieren. Dadurch sind bei On-Demand-Anbietern in der Regel <b>Filme und Serien</b> zu finden - also Inhalte, die kaum als Live-Stream umsetzbar wären. <br><br>
                    Aber nicht nur Filme und Serien finden in der On-Demand-Welt ihren Platz. Auch Musik-Streaming-Anbieter wie Spotify spielen hierbei eine große Rolle.
                    Dort werden <b>Musikstücke</b>, oder andere Audio-Aufnahmen, auf zentralen Servern gespeichert und können von Clients, oft von Mobiltelefonen aus, abgespielt werden,
                    ohne diese permanent herunterladen zu müssen.
                </p>
            </div>
        </div>
    </main>

    <footer>
        <p>Tim David Friedrich - Sham Haji Darwish - Carolin Hoffmann - Lena Henrike Beckmann</p>
        <p><b>HTWK Leipzig - 21MIB-1</b></p>
    </footer>
</body>

</html>