Code Monkey home page Code Monkey logo

better-clipface's Introduction

Watch page

Better Clipface is a fork of Clipface with an improved UI/UX and greater functionality.

Features

  • Video thumbnail generation
  • Search with real-time results
  • Simple user interface with light and dark mode support
  • Embed support for sites such as Twitter, Discord, etc.
  • "Favorites" so the best videos are always easy to find

Preview

Watch page

Video list

Getting Started

Using Docker

docker run -d --restart unless-stopped \
  --name better-clipface \
  -v /host/path/to/directory:/data \
  -p 3535:80 \
  -e PASSWORD="password" \
  -e PAGE_TITLE="Title" \
  nfrederick023/better-clipface:latest

Configuration

Better Clipface uses node-config for configuration management. This means that Clipface can be configured using a config file or by setting environment variables (or both.) For Docker deployments, using environment variables is the most convenient option.

List of config parameters:

  • app_path - Path of the directory where Better Clipface will make it's files. A "videos" folder will be created and this is where you will want to place the video files you want Better Clipface to index.

    Default value: "/data"
    Environment variable: APP_PATH

  • page_title - Title displayed on the clip list page and in the browser tab.

    Default value: Better Clipface
    Environment variable: PAGE_TITLE

  • password - Used to protect your Better Clipface instance. By default this is enabled because there is another variable below which when disabled allows for a more secure way to have a public facing library.

    Default value: adminadmin
    Environment variable: PASSWORD

  • thumbnail_size - Used to adjust the size of the thumbnails generated. We recommend using a size that matches an aspect ratio of 16:9 as that is the aspect ratio of the viewport when embedded.

    Default value: 1280x720
    Environment variable: THUMBNAIL_SIZE

  • private_library - Used to adjust whether or not your entire library of videos can be publicly accessible. If set to false, users not logged in can view all of your videos, but cannot adjust the favorite or privacy status.

    Default value: true
    Environment variable: PRIVATE_LIBRARY

better-clipface's People

Contributors

hubro avatar nfrederick023 avatar snnacks avatar shanekell avatar gregoryjjb avatar f-dav avatar

Stargazers

Ayanabh Saikia avatar  avatar

Watchers

 avatar

Forkers

capaxed

better-clipface's Issues

Application Error

The original clipface seems to be working fine after deploying but this one is returning following error.
Application error: a client-side exception has occurred (see the browser console for more information).

Add Dark Mode Toggle Slider

I think a pitch black AMOLED style mode should be implemented, as a treat.
I already like Theatre mode, but Clipface there's still a lot of bright elements. I've used a browser extension, but they're not reliable and have some issues.
Honestly, though it should be, it doesn't even need to be a toggle. Maybe an argument in docker run when starting Clipface.

Shorter URLs

Someone posted a Streamable link today and it reminded me of how short their URLs are. Is it possible to generate a 6-8 character long URL that redirects to the full URL without using third-party websites/services? Since you'd be redirecting to the long URLs, if you change your password not only would the original links fail to load anything now, so would the shorter URLs because they just redirect to the full URL.

I did find an open source service called Kutt and they have an API you can generate keys for. Now, that isn't really self hosted because you're relying on them to redirect the URL for you, but that might be an easier way of doing it? I just thought there could be a way to enable/disable short URLs when you load the docker image and then if you enable it, every time you copy a URL, it would generate a 6-8 digit URL and then whenever Clipface sees someone using that short URL, it redirects them to the real one in a browser.

It just looks a lot cleaner in a chat.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.