Video Streaming App

Video streaming - Build and stream videos using Node.js and Nuxt.js

In this article, we’ll be building a video streaming app using Nuxt.js and Node.js. Specifically, we’ll build a server-side Node.js app that will handle fetching and streaming videos, generating thumbnails for your videos, and serving captions and subtitles.

This application allows you to build a robust video streaming app using Node.js and Nuxt.js. It features server-side video fetching and streaming, thumbnail generation, and support for captions and subtitles. The app demonstrates the concept of sending videos in smaller chunks to optimize streaming performance, reducing buffering issues. The article also provides detailed instructions on setting up both the backend and frontend components, ensuring a comprehensive learning experience for developers interested in video streaming technology.

https://www.smashingmagazine.com/2021/04/building-video-streaming-app-nuxtjs-node-express/

Video Streaming App screenshot Video Streaming App icon
Back
Collection
{{ ui.publicListPage.sortMode ? 'Готово' : 'Порядок' }}
{{ ui.publicListPage.error === 'not_found' ? 'This collection is unavailable' : 'Failed to load' }}
Отмена
Добавить в лист
Сохранить
Ваши листы

Пока нет листов — создайте новый ниже.

Назад
{{ ui.list.editingListItemNote ? 'Заметка в подборке' : (ui.list.mediaSeasonEdit ? 'Заметка к сезону' : (ui.list.mediaEpisodeEdit ? 'Заметка к серии' : 'Ваша заметка')) }}
{{ ui.list.pocketNoteSaving ? 'Сохранение…' : 'Сохранить' }}

{{ pocketNoteSubjectLabel }}

Выделите текст — над ним появится панель форматирования.

Оценка
{{ pocketNoteStarIconName(n) }}
{{ formatPocketNoteRatingLabel(pocketNoteDraftActive.rating) }}

Эта заметка видна только на странице этой подборки.

Сохраняем…

Отмена
Карточка листа
Сохранить
  • Название
  • Описание
Доступ
Публичная ссылка

{{ publicListShareUrl(user.lists[ui.list.editingListId]) }}

layers_alt_fill Apps searchSearch person_crop_circle Profile
Games
Games

Games

New Release
Slap Kings
Become world's best slapper
Slap Kings
New update
The Seven Deadly Sins
Grand Cross - RPG Sensation!
The Seven Deadly Sins
New update
Call of Duty®: Mobile
Multiplayer and Battle Royale
Call of Duty®: Mobile
New release
Parking Jam 3D
Embrace your road rage!
Parking Jam 3D
New update
Crossy Road
Endless Arcade Hopper
Crossy Road
What We're Playing NowSee All
Popular GamesSee All
New Games We LoveSee All
Top Free GamesSee All
Top CategoriesSee All
Editors' ChoiceSee All
Quick LinksSee All
RedeemSend GiftAdd Funds to Apple ID

Apps search

Public collections
{{ pl.ownerName }} Public collection
{{ pl.name }}
multiply_circle_fill

{{ pl.name }}

{{ pl.ownerName }}

{{ pl.fullDescription || pl.description }}

square_arrow_up
Apps
Links
Top Categories
  • {{ cat.emoji }} square_grid_2x2
    {{ cat.title }}
    {{ cat.count }} apps
Quick Links
dAppStore
+1000 usefull apps

Profile

Cancel

  • {{apps[id].title}}
    {{apps[id].subtitle}}
    ★ {{ user.installed[id].rating }}/10 {{ user.installed[id].notePublic ? '🌐 ' : '🔒 ' }}{{ user.installed[id].note }} {{ user.installed[id].description }}
    Note Lists Delete
  • {{ item.meta.visibility === 'public' ? 'globe' : 'lock_fill' }}
    {{ item.meta.name }}
    {{ item.meta.description }}
    Public
    Edit Delete
  • No lists yet. Create one below.
  • Nothing matches your search.
  • plus
    New list
  • link
    {{entry[1].title}}
    {{entry[1].url}}
    ★ {{ entry[1].rating }}/10 {{ entry[1].notePublic ? '🌐 ' : '🔒 ' }}{{ entry[1].note }} {{ entry[1].description }}
    Lists Delete

Новый лист

Back
{{ page.app && page.app.title ? page.app.title : 'Back' }}
{{ appStatusLabel(page.app.id) }}
{{page.app.subtitle}}
IMDb Кинопоиск
{{ appStatusLabel(page.app.id) }} Get APK Join TestFlight Join Play Beta
Get {{ m.label }}
{{ pocketNoteIconForAppCard(page.app.id) }} {{ pocketBookmarkIconForApp(page.app.id) }} trash square_arrow_up
{{ appPageStarRatingTitle(appPageStarRating()) }}
{{ appPageStarRatingValue(appPageStarRating()) }}
{{ getStarIconName(appPageStarRatingFive(appPageStarRating()), n) }}
TMDB
{{ numeral(page.app.tmdb.voteAverage).format('0.0') }}
/ 10
Статус
✕
Закрыто {{ formatAppClosedDate(page.app.closedAt || (page.app.rip && page.app.rip.at)) }}
Age
{{page.app.age_rating}}
Years Old
Developer
person_crop_square
{{page.app.developer && page.app.developer.name ? page.app.developer.name : page.app.title }}
Language
{{page.app.lang[0]}}
+{{page.app.lang.length}} More
main
Size
{{formatBytes(page.app.size, 'number')}}
{{formatBytes(page.app.size, 'unit')}}
Screenshot
Use case
Загружаем описание и детали…
Описание появится через несколько секунд…
Сезоны и серии

Удерживайте сезон, чтобы оценить весь сезон и оставить заметку. Оценка сезона подставляется в серии, пока вы не поставите свою для отдельной серии.

  • {{ mediaSeasonLabel(season) }}
    {{ seasonRatingDisplay(season.seasonNumber).label }} {{ season.episodeCount }} серий

    Список серий пока недоступен.

    • S{{ season.seasonNumber }}E{{ ep.episodeNumber }} {{ ep.name || ('Серия ' + ep.episodeNumber) }}
      {{ ep.overview }}
      {{ episodeRatingDisplay(season.seasonNumber, ep.episodeNumber).label }}
Похожие
What's New

Version {{update.version}} {{update.date ? moment(update.date).format('LL') : ''}}

Ratings & Reviews
Information
  • Age Rating
    {{page.app.age_rating}}
  • Released
    {{ page.app.omdb.released }}
  • {{ r.label }}
    {{ r.displayValue }}
  • Runtime
    {{ page.app.omdb.runtime }}
  • Director
    {{ page.app.omdb.director }}
  • Writer
    {{ page.app.omdb.writer }}
  • Cast
    {{ page.app.omdb.actors }}
  • Genre
    {{ page.app.omdb.genre.join(', ') }}
  • Country
    {{ page.app.omdb.country.join(', ') }}
  • Awards
    {{ page.app.omdb.awards }}
  • Box Office
    {{ page.app.omdb.boxOffice }}
  • In-App Purchases
    {{page.app.IAP == true ? 'Yes' : 'No'}}
  • Copyright
    {{page.app.copyright}}
  • Created
    {{moment(page.app.created).format('ll')}}
  • Trustpilot rating
    {{page.app.rank.trustpilot.value}}
  • Tranco rank
    {{numeral(page.app.rank.tranco).format(',')}}