x-track-mag/x-track-share

Easily share cloudinary folders

X-TRACK SHARE

A private, WeTransfer like service for sharing music and video.

Share unique links to your media folders stored inside Cloudinary

Configuration

To launch the application you must first provide you Cloudinary cloud API keys and secret :

Steps to do this :

1. Create the .env file (it is never stored in the git repository)

cp .env.sample .env
nano .env

2. Replace the sample values by yours (Copy and paste your cloudinary settings inside the .env file and save the file.)

CLOUDINARY_CLOUD_NAME=my_cloud_name
CLOUDINARY_API_KEY=12345678901234
CLOUDINARY_API_SECRET=00000000000000000

Technical Notes

Build with chakra-ui

This repository was bootstraped using chakra-ui as the component library within a Next.js app.

Storybook Integration

As many knows, there is still no official Chakra UI plugin for Storybook integration, so we have to do small tweaks to Storybook configuration to ensure that Chakra UI Theme is loaded by all stories.
*Essentially : *
main.js and preview.js inside the .storybook/ folder are responsible to wrap stories inside the <ChakraProvider>

Cloudinary

Cloudinary has some extraordinay capacities, like :

• Generate zip files from a selection of medias

Adaptive Streaming

A list of MUST-READ articles to explain how the adaptive bitrates formats work (HSL and MPEG-DASH)

• DASH & HLS : The two main video stream protocols
• Implementing adaptive bitrate transformations in Cloudinary
• A review of popular video players streaming performances

And finally, the way to put all of this together is demonstrated with this video tutorial from Google and Cloudinary :

• ReactNYC Modern Media Experiences with Cloudinary and Shaka Player

Deploy your own

Deploy your own version using Vercel: