Deploying the client#

Fork P-Stream on Github.

Go to Cloudflare pages and click "Sign Up".

Create a Cloudflare account.

Now, click the blue "Create" button at the top of the page.

By default Cloudflare assumes your creating a worker instead, change the "Workers" tab to "Pages".

Select the blue button that says "Connect to git" and then connect the Github account you forked P-Stream on.

Now you can select repositories from your github account, select your fork of P-Stream and click "Begin setup".

Give your project a silly name and select main as the production branch.

In "Build settings" change the "Build command" to pnpm build and the "Build output directory" to dist.

Select the Environment variable drop down and add the required variables.

Congrats! You have your own version of P-Stream hosted for FREE.

Click here to fork the P-Stream Github repository

Clicking the "New Project" button on the top right of your dashboard and following the steps to create a new project for your self hosted version of movie web.

After clicking it, you'll be presented with a list of Git repositories that the Git account you've signed up with has write access to.

Select your own fork of the P-Stream Github repository.

Configure the environment variables: - VITE_CORS_PROXY_URL: Enter your proxy URL here. Make sure to not have a slash at the end of your URL. Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): https://test-proxy.test.workers.dev - VITE_TMDB_READ_API_KEY: Enter your TMDB Read Access Token here. Please read the TMDB page on how to get an API key. - VITE_BACKEND_URL: Only set if you have a self-hosted backend. Put in your backend URL. Check out configuration reference for details. Make sure to not have a slash at the end of the URL.

Congrats! You have your own version of P-Stream hosted.

You may wish to configure a custom domain - Please consult the Vercel docs for how to do this.

Download the file P-Stream.zip from the latest release: https://github.com/p-stream/p-stream/releases/latest.

Open config.js in an editor such as Notepad, Visual Studio Code or similar.

Put your proxy URL in-between the double quotes of VITE_CORS_PROXY_URL: "". Make sure to not have a slash at the end of your URL. Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): VITE_CORS_PROXY_URL: "https://test-proxy.test.workers.dev"

Put your TMDB Read Access Token inside the quotes of VITE_TMDB_READ_API_KEY: "". Please read the TMDB page on how to get an API key.

If you have a self-hosted backend server, enter your URL in the VITE_BACKEND_URL variable. Check out configuration reference for details. Make sure to not have a slash at the end of the URL.

Upload all of the files to a static website hosting such as: - GitHub Pages - Netlify - Vercel - Etc, there are lots of options.

Congrats! You have your own version of P-Stream hosted.

1. Ensure you have docker installed. In a newly created directory called P-Stream create a file called docker-compose.yaml. Paste the contents of the code block below into this file.

version: "3.8"
 
services:
 
  movieweb:
    build:
      context: https://github.com/p-stream/p-stream.git#production
      # args:
      #   TMDB_READ_API_KEY: ""
      #   CORS_PROXY_URL: ""
      #   BACKEND_URL: ""
    ports:
      - "80:80"
    restart: unless-stopped

Within the docker-compose.yaml file uncomment args, TMDB_READ_API_KEY, CORS_PROXY_URL.

• Make sure args is in-line with context
• Make sure TMDB_READ_API_KEY and CORS_PROXY_URL are tabbed once to the right of args.

Put your proxy URL in-between the double quotes of CORS_PROXY_URL: "". Make sure to not have a slash at the end of your URL.

Example (THIS IS AN EXAMPLE, IT WON'T WORK FOR YOU): CORS_PROXY_URL: "https://test-proxy.test.workers.dev"

Put your TMDB Read Access Token inside the quotes of TMDB_READ_API_KEY: "". Please read the TMDB page on how to get an API key.

Uncomment and add any additional environment variables you may need. Remove the VITE_ prefix when adding an environment variable to args.

Save the file!

Now use docker to run movieweb as background service.

# P-Stream is the current working directory
$ docker compose up --detach

Verify that setup was successful

• Navigate to http://localhost. You should see the UI for P-Stream. Find something to watch and make sure that it plays.
• View logs with

$ docker compose logs --follow movieweb

Set a static IP address for your device.

• For Raspberry Pi: guide
• For Mac: guide
• For Windows: guide

Navigate to movie web at http://<static-ip-address from another device connected to your network.