All Projects → googlearchive → Sample Media Pwa

googlearchive / Sample Media Pwa

Licence: apache-2.0
A sample video-on-demand media Progressive Web App

Programming Languages

javascript
184084 projects - #8 most used programming language

Projects that are alternatives of or similar to Sample Media Pwa

Streama
Self hosted streaming media server. https://docs.streama-project.com/
Stars: ✭ 8,948 (+974.19%)
Mutual labels:  media, media-player
Python Mpv
Python interface to the awesome mpv media player
Stars: ✭ 245 (-70.59%)
Mutual labels:  media, media-player
Avideo
Create Your Own Broadcast Network With AVideo Platform Open-Source. OAVP OVP
Stars: ✭ 1,329 (+59.54%)
Mutual labels:  media, media-player
Universalvideoview
A better Android VideoView with more Media Controller customization. 一个更好用的Android VideoView
Stars: ✭ 941 (+12.97%)
Mutual labels:  media, media-player
iptv-m3u-player
项目iptv-m3u-maker衍生项目,利用已分析出的数据进行播放的桌面端app
Stars: ✭ 73 (-91.24%)
Mutual labels:  media, media-player
Monstercat Visualizer
A real time audio visualizer for Rainmeter similar to the ones used in the Monstercat videos.
Stars: ✭ 571 (-31.45%)
Mutual labels:  media, media-player
Libvlc Go
Go bindings for libVLC and high-level media player interface
Stars: ✭ 188 (-77.43%)
Mutual labels:  media, media-player
React Native Jw Media Player
React-Native Android/iOS bridge for JWPlayer SDK (https://www.jwplayer.com/)
Stars: ✭ 76 (-90.88%)
Mutual labels:  media, media-player
Rise-Media-Player
One media player for everything you own or stream; whether it's music or videos, online or offline Rise Media Player does it all. And it's beautiful and native with the latest version of WinUI.
Stars: ✭ 600 (-27.97%)
Mutual labels:  media, media-player
react-native-vlc-media-player
React native media player for video streaming and playing. Supports RTSP, RTMP and other protocols supported by VLC player
Stars: ✭ 221 (-73.47%)
Mutual labels:  media, media-player
Media Embed
A PHP library to deal with all those media services around, parsing their URLs and displaying their audios/videos.
Stars: ✭ 143 (-82.83%)
Mutual labels:  media, media-player
cast control
📺 Control Chromecasts from Linux and D-Bus
Stars: ✭ 443 (-46.82%)
Mutual labels:  media, media-player
TonUINO
Alternative TonUINO Firmware
Stars: ✭ 112 (-86.55%)
Mutual labels:  media, media-player
playercast
Cast to media player and control playback remotely.
Stars: ✭ 46 (-94.48%)
Mutual labels:  media, media-player
Chromecast mpris
📺 Control Chromecasts from Linux and D-Bus
Stars: ✭ 413 (-50.42%)
Mutual labels:  media, media-player
Jetpack Musicplayer
即使不用云音乐听曲儿,也请务必收藏好该库!🔥 一行代码即可接入,音乐播放控制组件 - Even if you don't listen to the music by Spotify, be sure to collect this library, please! 🔥 This music player component can be accessed by only one line of code. Supporting by LiveData & AndroidX.
Stars: ✭ 577 (-30.73%)
Mutual labels:  media
Guessit
GuessIt is a python library that extracts as much information as possible from a video filename.
Stars: ✭ 643 (-22.81%)
Mutual labels:  media
React Player
A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion
Stars: ✭ 5,931 (+612%)
Mutual labels:  media
Mpv.net
🎞 mpv.net is a modern media player for Windows that works just like mpv.
Stars: ✭ 737 (-11.52%)
Mutual labels:  media-player
Pbjvideoplayer
▶️ video player, simple way to play and stream media on iOS/tvOS
Stars: ✭ 620 (-25.57%)
Mutual labels:  media

Please note: This app is being developed. There may be bugs, and everything is subject to change.

Sample Media (VOD) App

This is a sample media app to demonstrate media functionality in the context of a Progressive Web App. The build of this site is being cataloged on YouTube as part of the Chrome Developers Developer Diary series.

biograf_small

Running the site locally

  1. Clone the repo
  2. cd sample-media-pwa
  3. npm install

Setting up some secrets

Once the entire internet has been cloned into your node_modules folder you'll need to create src/config, into which you will need to place a couple of files: oauth.js and session.js. These are files which contain secrets and keys, so you can either create the appropriate values, or you can put some placeholder info in:

// oauth.js - do not use in production!
// @see https://cloud.google.com/nodejs/getting-started/authenticate-users
module.exports = {
  clientID: 'lolztehclientid',
  clientSecret: 'suchhiddenmanysecretwow',
  callbackURL: 'http://localhost:8080/auth/google/callback',
  accessType: 'offline'
};
// session.js - do not use in production!
// @see https://cloud.google.com/nodejs/getting-started/authenticate-users
module.exports = {
  resave: false,
  saveUninitialized: false,
  secret: 'totallyasecret',
  signed: true,
  memcacheURL: 'localhost:11211'
};

Finally, with that done you should be able to run: npm run dev.

The videos are not included in the repo, but rather are served from a Google Cloud Storage bucket. They are served with CORS headers, meaning that you will need to run the local copy of the server at port 8080.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].