thePR0M3TH3AN/bitvid
1
0
Fork 0
mirror of https://github.com/PR0M3TH3AN/bitvid.git synced 2025-09-07 14:38:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Keep Creating Online
2025-01-08 20:07:23 -05:00
parent 037b184304
commit a6b66f9ca3
9 changed files with 291 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
README.md
View File

@@ -67,8 +67,6 @@ To run **bitvid** locally:
- **`config.js`**:
- Toggle `isDevMode` for development (`true`) or production (`false`).
- **`site.webmanifest`**:
- Customize PWA settings such as theme color, icons, and start URL.
### Adding Features
@@ -121,5 +119,3 @@ To run **bitvid** locally:
- **Website**: [bitvid.btc.us](https://bitvid.btc.us)
- **GitHub**: [PR0M3TH3AN](https://github.com/PR0M3TH3AN)
- **Nostr**: [npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe](https://primal.net/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe)
---

8
src/about.html
View File

@@ -120,6 +120,14 @@
>
About
</a>
<a
href="roadmap.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
Roadmap
</a>
</div>
<p
class="mt-2 text-xs text-gray-600 font-mono break-all max-w-full overflow-hidden"

54
src/content/about.md
View File

@@ -1,50 +1,30 @@
![](https://bitvid.netlify.app/assets/jpg/bitvid.jpg)
# About bitvid: Decentralized Video Sharing
BTC DNS: [bitvid.btc.us](https://bitvid.btc.us)
Welcome to **bitvid**, a platform where video sharing meets the power of decentralization. **bitvid** is more than just a video-sharing site—it's a groundbreaking way to share, discover, and enjoy content, leveraging the latest in blockchain, peer-to-peer, and privacy-centric technologies.
ETH DNS: [bitvid.eth.limo](https://bitvid.eth.limo)
---
**_IPNS: k51qzi5uqu5dgwr4oejq9rk41aoe9zcupenby6iqecsk5byc7rx48uecd133a1_**
## **How Does It Work?**
# About bitvid
At its core, **bitvid** combines two powerful technologies:
Welcome to bitvid, a new kind of video platform that puts you in control. Unlike traditional video sites that keep your content on their servers, bitvid lets videos flow directly between creators and viewers. Think of it like a digital potluck where everyone brings and shares content directly with each other!
1. **WebTorrent**: This enables seamless streaming directly from peers using magnet links. Videos aren't hosted on centralized servers but are distributed across a network of peers. This ensures scalability, faster downloads, and freedom from server outages.
2. **Nostr Integration**: **bitvid** uses the Nostr protocol to manage video metadata, user authentication, and secure publishing. This means your account and content are not tied to a single platform or server. Your public key is your identity.
## What Makes bitvid Different?
Together, these technologies create a decentralized and censorship-resistant platform.
- **You're in Control**: Your videos stay yours. No company owns or controls your content – you share it directly with your viewers.
- **Always Available**: Because videos are shared between viewers, popular content actually loads faster instead of slower. No more buffering during peak times!
- **Privacy First**: No need for email or password – you log in with a secure key that only you control.
- **Support Creators Directly**: Send tips to creators you love without a platform taking a big cut.
- **Free and Open**: bitvid's code is open source, meaning anyone can check how it works or help make it better.
---
## How Does It Work?
## **Why is bitvid Different?**
bitvid uses two main technologies to make this all possible:
1. **No Centralized Servers**: Traditional platforms store videos on centralized servers, giving them control over content availability. **bitvid** flips the script by allowing users to host and share videos directly with one another.
1. **WebTorrent**: This lets viewers stream videos directly from other viewers, like a relay race passing the content from person to person.
2. **Nostr**: This handles your login and video details, like a digital ID card that works across many sites.
2. **Ownership and Privacy**:
## Join the Revolution
- With Nostr, you retain full control of your identity and data. No email addresses or passwords are required—your cryptographic key is your gateway.
- Share public videos with the world or private ones encrypted for specific viewers.
3. **Open and Transparent**: **bitvid** runs on open-source code, ensuring transparency and inviting collaboration from the global community.
4. **Freedom of Speech**: Decentralization makes censorship nearly impossible. Your content belongs to you and can't be removed by external forces.
5. **Efficient and Scalable**: **bitvid**'s peer-to-peer streaming ensures that popular content becomes faster to access, not slower. The more people watch, the more efficient the network becomes.
---
## **What Can You Do on **bitvid**?**
- **Share Videos**: Upload your video using a magnet link and provide additional details like title, thumbnail, and description.
- **Stream Effortlessly**: Play videos directly in your browser without the need for bulky downloads or external players.
- **Support Creators**: Use zaps or donations to directly support your favorite creators, without intermediaries taking a cut.
- **Own Your Experience**: Customize your privacy settings, edit or delete content anytime, and maintain control over your videos.
---
## **Why Choose **bitvid**?**
**bitvid** represents a shift from traditional, centralized platforms to a decentralized, user-first model. By using blockchain principles and peer-to-peer technology, it offers a free, open, and secure environment for sharing and consuming videos. Whether you're a creator looking for a censorship-resistant platform or a viewer who values privacy and speed, **bitvid** is here for you.
**Join the revolution. Decentralize your videos.**
Whether you're tired of traditional platforms controlling your content, care about privacy, or just want a better way to share videos, bitvid offers a fresh alternative. Come be part of the future of video sharing!

89
src/content/getting-started.md
View File

@@ -1,72 +1,47 @@
![](https://bitvid.netlify.app/assets/jpg/bitvid.jpg)
# Getting Started with bitvid
# **Getting Started with bitvid**
Ready to jump in? Here's everything you need to know to start watching and sharing videos on bitvid.
BTC DNS: [bitvid.btc.us](https://bitvid.btc.us)
ETH DNS: [bitvid.eth.limo](https://bitvid.eth.limo)
## Watching Videos
**_IPNS: k51qzi5uqu5dgwr4oejq9rk41aoe9zcupenby6iqecsk5byc7rx48uecd133a1_**
1. Just visit bitvid.btc.us or bitvid.eth.limo
2. Browse the videos on the homepage
3. Click any video to start watching
That's it! No account needed to watch.
Welcome to **bitvid**, a decentralized platform for video sharing that puts you in control. Using cutting-edge technologies like **Nostr** and **WebTorrent**, bitvid allows creators to share, stream, and manage video content directly through peer-to-peer connections, ensuring privacy, freedom, and ownership.
## Sharing Your Videos
## What is bitvid?
### Step 1: Set Up Your Account
bitvid is a video-sharing platform that decentralizes content delivery:
1. Install a Nostr extension (like Alby or Nos2x) in your browser
2. The extension creates your secure login key automatically
3. Click "Login" on bitvid to connect
1. **Nostr Integration**: User authentication and video metadata are managed using Nostr, a decentralized messaging protocol. Log in with a Nostr-compatible browser extension to add, edit, or remove video posts.
2. **WebTorrent Streaming**: Videos are streamed using magnet links and WebTorrent technology. This allows viewers to fetch and play video content directly from peers in their browser without central servers.
### Step 2: Prepare Your Video
## How Does It Work?
1. Download WebTorrent Desktop from webtorrent.io/desktop
2. Open your video file in WebTorrent Desktop
3. It will create a special "magnet link" for your video
4. Keep WebTorrent Desktop running to share your video
#### For Viewers
### Step 3: Share on bitvid
- Simply browse the bitvid site to discover available videos.
- Click on a video to stream it directly from other peers using WebTorrent. No additional downloads are required for playback.
1. Click "Share a Video" on bitvid
2. Paste your video's magnet link
3. Add a title, description, and thumbnail
4. Click "Post" to share!
#### For Creators
## Tips for Success
1. **Login with Nostr**: Use a Nostr extension like Alby or Nos2x to log in. This step connects your Nostr public key to your bitvid account.
2. **Share Videos**:
- Use the “Share a Video” form to submit a magnet link for your content.
- Add a title, optional thumbnail, and description to make your post more engaging.
3. **Seed Your Content**:
- Download [WebTorrent Desktop](https://webtorrent.io/desktop/).
- Open your video file in WebTorrent Desktop to generate a magnet link and seed it. Seeding ensures your video stays available for others to download and stream.
- Keep WebTorrent Desktop running while sharing videos
- Add eye-catching thumbnails to attract viewers
- Write clear descriptions to help people find your content
- Use the "Private" option if you only want to share with specific people
## Key Features
## Need Help?
1. **Complete Control Over Content**:
- Visit our GitHub page for technical support
- Join our community to connect with other users
- Report bugs to help us improve
- You can **edit** or **delete** your posts directly through the bitvid interface.
- Mark videos as private, encrypting their magnet links, so only you can access them.
2. **Peer-to-Peer Streaming**:
- Videos are streamed directly between viewers and seeders, avoiding censorship or central points of failure.
3. **Decentralized Authentication**:
- Nostr ensures secure, decentralized login without traditional user accounts.
### Requirements for Creators
- **Nostr Extension**: Install a Nostr extension to log in and manage your content.
- **WebTorrent Desktop**: Use it to seed your video files and generate magnet links. Without seeding, your videos won’t be accessible to others.
## Why Use bitvid?
bitvid eliminates the reliance on central servers, giving creators and viewers full control over their content. Whether you’re a content creator, privacy advocate, or decentralization enthusiast, bitvid provides a secure, resilient platform for sharing videos.
Start today by logging in with your Nostr extension and sharing your first video! For help or feedback, visit our [GitHub](https://github.com/PR0M3TH3AN/bitvid) or connect with us on Nostr.
---
**Disclaimer**
bitvid is a decentralized platform, and as such, we do not moderate or control the content shared by users. All videos and materials are the sole responsibility of their respective creators. We cannot be held liable for any issues arising from the use or sharing of content on this platform. Please use the service responsibly and adhere to applicable laws in your jurisdiction.
**A Work in Progress**
bitvid is still in its early stages. It currently has many bugs and lacks certain features that could make the platform more user-friendly and secure. Your feedback and contributions are vital to improving the platform.
**Join Us**
Are you a developer or someone with a technical background? We’d love to have your help! bitvid relies on community support to grow and evolve. Whether it’s improving security, adding new features, or fixing bugs, your input can make a big difference.
Check out the [GitHub repository](https://github.com/PR0M3TH3AN/bitvid) to get involved. Let’s build a better decentralized video-sharing platform together!
Welcome to bitvid – let's start sharing!

47
src/content/roadmap.md Normal file
View File

@@ -0,0 +1,47 @@
# Roadmap and Bug List
## UI Enhancements
- Add a copy Magnet button labeled "Seed".
- Add a warning disclaimer pop-up.
- Convert "Logged in as" from public key to profile image and username (use npub as fallback).
- Add a sidebar for improved UI flexibility.
- Customize home screen content via algorithms for better feeds. (trending, new, for you etc.)
- Improve UI/UX and CSS.
- Add custom color themes and toggle between light and dark mode.
## Bug Fixes
- Fix public key wrapping issue on smaller screens.
- Fix video editing failures.
- Resolve issue where reopening the same video doesn't work after closing the video player.
- Address "Video playback error: MEDIA_ELEMENT_ERROR: Empty src attribute" error.
- Fix "Dev Mode" publishing "Live Mode" notes—add a flag for dev mode posts.
## Feature Additions
- Add an `npub` whitelist for login access.
- Allow users to set custom relay settings, stored in local cache.
- Add a "Publish" step in the video editing process.
- Add comments to the video modal.
- Implement an "Adult Content" flag for note submissions.
- Enable custom hashtags in the submission spec and form.
- Allow multiple video resolutions with a selector in the video player.
- Add a block/unblock list with import/export functionality.
- Assign unique URLs to each video.
- Add a profile modal for each user/profile.
- Introduce a subscription mechanism with notifications.
- Add zaps to videos, profiles, and comments.
- Implement visibility filtering for videos:
- Show only videos whose magnet links have at least **one active peer online**.
- Integrate the filtering mechanism into the video list rendering process.
- Update the video list dynamically based on real-time peer availability.
- Add multi-language support for content and filtration.
- Create a settings menu for local account preferences, including relay, adult content, theme, and language.
## Long-Term Goals
- Add a system for creating high-quality, algorithm-driven content feeds.
- Thoroughly bug test the video editing and submission process.
If you find a new bug thats not listed here. DM me on [Nostr](https://primal.net/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe).

8
src/getting-started.html
View File

@@ -120,6 +120,14 @@
>
About
</a>
<a
href="roadmap.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
Roadmap
</a>
</div>
<p
class="mt-2 text-xs text-gray-600 font-mono break-all max-w-full overflow-hidden"

8
src/index.html
View File

@@ -370,6 +370,14 @@
>
About
</a>
<a
href="roadmap.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
Roadmap
</a>
</div>
<p
class="mt-2 text-xs text-gray-600 font-mono break-all max-w-full overflow-hidden"

171
src/roadmap.html Normal file
View File

@@ -0,0 +1,171 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>bitvid | Roadmap</title>
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="BitVid - Markdown Viewer" />
<meta
property="og:description"
content="View and render markdown content dynamically."
/>
<meta
property="og:image"
content="https://bitvid.netlify.app/assets/jpg/bitvid.jpg"
/>
<meta property="og:url" content="https://bitvid.btc.us" />
<meta property="og:type" content="website" />
<meta property="og:locale" content="en_US" />
<!-- App Icons -->
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="manifest" href="/site.webmanifest" />
<meta name="theme-color" content="#0f172a" />
<!-- Tailwind CSS -->
<link
href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css"
rel="stylesheet"
/>
<!-- Main Layout Styles -->
<link href="css/style.css" rel="stylesheet" />
<!-- Markdown-Specific Styles -->
<link href="css/markdown.css" rel="stylesheet" />
</head>
<body class="bg-gray-100">
<div
id="app"
class="container mx-auto px-4 py-8 min-h-screen flex flex-col"
>
<!-- Header -->
<header class="mb-8">
<div class="flex items-start">
<!-- Logo links back to index.html (or "/") -->
<a href="index.html">
<img
src="assets/svg/bitvid-logo-light-mode.svg"
alt="BitVid Logo"
class="h-16"
/>
</a>
</div>
</header>
<!-- Markdown Content Section -->
<main>
<!--
We give this section a white background and a shadow
just like you originally had for other cards.
-->
<div id="markdown-container" class="bg-white p-6 rounded-lg shadow-md">
<h2 class="text-2xl font-bold mb-4">Loading Content...</h2>
</div>
</main>
<!-- Footer -->
<footer class="mt-auto pb-8 text-center px-4">
<a
href="https://bitvid.btc.us"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_blank"
rel="noopener noreferrer"
>
bitvid.btc.us
</a>
<div class="mt-2 space-x-4">
<a
href="https://github.com/PR0M3TH3AN/bitvid"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_blank"
rel="noopener noreferrer"
>
GitHub
</a>
<a
href="https://primal.net/p/npub13yarr7j6vjqjjkahd63dmr27curypehx45ucue286ac7sft27y0srnpmpe"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_blank"
rel="noopener noreferrer"
>
Nostr
</a>
<a
href="https://habla.news/p/nprofile1qyv8wumn8ghj7un9d3shjtnndehhyapwwdhkx6tpdsq3gamnwvaz7tmjv4kxz7fwv3sk6atn9e5k7qgdwaehxw309ahx7uewd3hkcqgswaehxw309ahx7um5wgh8w6twv5q3yamnwvaz7tm0venxx6rpd9hzuur4vgqzpzf6x8a95eyp99dmwm4zmkx4a3cxgrnwdtfe3ej504m3aqjk4ugldyww3a"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_blank"
rel="noopener noreferrer"
>
Blog
</a>
<a
href="getting-started.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
Getting Started
</a>
<a
href="about.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
About
</a>
<a
href="roadmap.html"
class="text-gray-500 hover:text-gray-400 transition-colors duration-200"
target="_self"
rel="noopener noreferrer"
>
Roadmap
</a>
</div>
<p
class="mt-2 text-xs text-gray-600 font-mono break-all max-w-full overflow-hidden"
>
IPNS: k51qzi5uqu5dgwr4oejq9rk41aoe9zcupenby6iqecsk5byc7rx48uecd133a1
</p>
</footer>
</div>
<!-- Marked.js (for converting markdown to HTML) -->
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<!-- Highlight.js (optional for code block highlighting) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.7.0/highlight.min.js"></script>
<script>
async function loadMarkdown() {
const response = await fetch("content/roadmap.md");
if (response.ok) {
const markdown = await response.text();
const container = document.getElementById("markdown-container");
// Convert markdown to HTML
const html = marked.parse(markdown);
// Insert the HTML into the container
container.innerHTML = html;
// (Optional) Highlight code blocks
document.querySelectorAll("pre code").forEach((block) => {
hljs.highlightBlock(block);
});
} else {
document.getElementById("markdown-container").innerHTML =
'<p class="text-red-500">Error loading content. Please try again later.</p>';
}
}
loadMarkdown();
</script>
</body>
</html>

28
to-do_list.md
View File

@@ -1,28 +0,0 @@
# To-Do List
- add "copy magnet" button
- fix issue with editing videos failing
- fix issue where after you play a video, close the video player and pick that same video again it doesn't open
- Fix error after playing video "Video playback error: MEDIA_ELEMENT_ERROR: Empty src attribute"
- fix "dev mode" publishing "live mode" notes. Make posts posted in devmode have a special devmode flag
- add a npub "whitelist" for logging in
- add ability to set custom relays setting stored as local cache
- add "publish" last step to the video edits process
- convert "logged in as" from public key to profile image, username and noun as fallback
- add comments to video modal
- add "adult content" flag for note submission
- add #tags to the submission spec and form
- add block/unblock list with import and export features so users can share their lists
- add unique URL to each video
- add profile modal for each user/profile
- add subscription mechanism with notifications
- add side bar for more UI flexibility
- add customized home screen content via algorithms for better feeds
- make logo/brand
- add zaps to videos and profiles and comments
- add intro tutorial info to explain how to use the site
- add custom color themes and toggle light and dark mode
- Add multi-language support for content posts and filtration
- add setting menu to store local account relay, adult content, theme/color and language settings
- improve UI/UX CSS
- bug test video edits and submissions thoroughly