Skip to content

ChanMeng666/tencent-meeting-video-downloader

Repository files navigation

Project Banner

🚀 Tencent Meeting Recording Downloader

Chrome Extension for Effortless Video Downloads

A powerful Chrome browser extension that automatically detects and downloads Tencent Meeting recording videos with just a few clicks.
Features intelligent URL detection, optimized download commands, and a clean user interface.
One-click FREE deployment of your meeting video downloads.

Chrome Web Store · Changelog · Documentation · Issues


🚀 Install Extension 🚀




Share Project Repository

🌟 Revolutionizing the way you download meeting recordings. Built for professionals and educators worldwide.

📸 Extension Screenshots

[!TIP] Experience the clean and intuitive interface designed for maximum efficiency.

Main Interface Download Process

Extension Interface - Video Detection and Download Command Generation

Chrome Web Store

Available on Chrome Web Store

📱 More Screenshots
Extension Features

Feature Overview and Usage Instructions

🎬 Demo Video

[!NOTE] Watch the extension in action - from detection to download completion.

2024-12-14.16-41-20.mp4

Complete walkthrough of the extension functionality

Tech Stack Badges:

Important

This Chrome extension leverages Manifest V3 architecture with modern JavaScript ES6+ features. It combines intelligent network request interception with user-friendly interface design to provide seamless video downloading capabilities from Tencent Meeting recordings.

📑 Table of Contents

TOC


🌟 Introduction

We are passionate developers creating next-generation Chrome extensions for enhanced productivity. By adopting modern web extension standards and intelligent automation, we aim to provide users with powerful, reliable, and user-friendly tools for managing digital content.

Whether you're an educator, business professional, or content creator, this extension will be your go-to solution for downloading Tencent Meeting recordings. Please note that this project is actively maintained, and we welcome feedback for any issues encountered.

Note

  • Chrome Browser version 88+ required
  • Access to Tencent Meeting recording pages required
  • Git Bash recommended for executing download commands
  • Sufficient disk space for video files
No complex setup required! Install directly from Chrome Web Store and start downloading.
Join our developer community! Connect with contributors and users for support and feature requests.

Tip

⭐ Star us to receive all release notifications from GitHub without delay!

⭐ Star History

✨ Key Features

1 Intelligent Video Detection

Experience next-generation video URL detection technology. Our intelligent network request interception automatically identifies Tencent Meeting recording URLs in real-time, eliminating manual URL extraction and providing seamless detection capabilities.

Video Detection Demo

Automatic video detection in action

Key capabilities include:

  • 🎯 Real-time Detection: Instantly identifies video URLs during playback
  • 🔍 Smart Filtering: Filters only relevant meeting recording URLs
  • 📱 Cross-domain Support: Works across Tencent's content delivery networks
  • 🛡️ Privacy Secure: No data collection or external transmission

Tip

The extension monitors network requests using Chrome's webRequest API to detect video files from myqcloud.com domains specifically related to meeting recordings.

2 Optimized Download Commands

Revolutionary curl command generation that creates platform-specific download commands with optimized headers and authentication. Our advanced command builder ensures reliable downloads while maintaining compatibility with various terminal environments.

Command Generation

Optimized curl command generation interface

Command Features:

  • Cross-platform: Windows path conversion for Git Bash compatibility
  • Header Optimization: Includes necessary headers for authentication
  • Error Prevention: Removes problematic request headers automatically

* Additional Features

Beyond the core functionality, this extension includes:

  • 🚀 One-Click Installation: Install directly from Chrome Web Store
  • 🎨 Clean Interface: Intuitive popup design with clear status indicators
  • 📋 Command Copying: One-click copy functionality for generated commands
  • 🔒 Secure Operations: No external data transmission or storage
  • Lightweight: Minimal resource usage and fast performance
  • 🌐 Multi-URL Support: Handles multiple video URLs in single session
  • 🛠️ Developer Friendly: Open source with clear code structure
  • 📱 Responsive Design: Works across different screen sizes

✨ More features are continuously being added based on user feedback and requirements.

🛠️ Tech Stack

JavaScript
JavaScript ES6+
Chrome
Chrome APIs
Webpack
Webpack 5
Babel
Babel
CSS3
CSS3
HTML5
HTML5

Core Technologies:

  • Extension Framework: Chrome Extension Manifest V3
  • Language: JavaScript ES6+ with modern async/await patterns
  • Build System: Webpack 5 with optimized bundling
  • Transpilation: Babel for cross-browser compatibility
  • Styling: Modern CSS3 with responsive design
  • Architecture: Modular component-based structure

Chrome Extension APIs:

  • webRequest: Network request interception and monitoring
  • storage: Local data persistence for detected URLs
  • runtime: Inter-component communication and messaging
  • action: Popup interface and icon management

Development Tools:

  • Build Process: Webpack with hot reloading support
  • Code Quality: ESLint configuration for consistent code style
  • Asset Management: Automated copying and optimization
  • Module System: ES6 imports/exports with tree shaking

Tip

Each technology was selected for optimal performance, security, and maintainability in the Chrome extension ecosystem.

🏗️ Architecture

Extension Architecture

Tip

This architecture follows Chrome Extension Manifest V3 best practices, ensuring security, performance, and future compatibility.

graph TB
    subgraph "Extension Components"
        A[Background Service Worker] --> B[Content Script]
        B --> C[Popup Interface]
        C --> D[Utility Functions]
    end
    
    subgraph "Web Page Interaction"
        E[Tencent Meeting Page] --> F[Network Requests]
        F --> G[Video URL Detection]
        G --> H[Data Storage]
    end
    
    subgraph "User Interface"
        I[Extension Popup]
        J[Status Display]
        K[Path Input]
        L[Command Generation]
    end
    
    A --> E
    B --> G
    H --> I
    I --> J
    I --> K
    I --> L
    
    subgraph "Output"
        M[Curl Command]
        N[Copy to Clipboard]
        O[Git Bash Execution]
    end
    
    L --> M
    M --> N
    N --> O
Loading

Component Structure

src/
├── background/
│   └── background.js      # Service worker for request monitoring
├── content/
│   └── content.js         # Page injection and URL detection
├── popup/
│   ├── popup.html         # User interface layout
│   ├── popup.js           # Interface logic and interaction
│   └── popup.css          # Styling and responsive design
├── utils/
│   └── download.js        # Command generation utilities
└── assets/
    ├── icon16.png         # Extension icons
    ├── icon48.png
    └── icon128.png

Data Flow Architecture

sequenceDiagram
    participant U as User
    participant P as Popup
    participant B as Background
    participant C as Content Script
    participant W as Web Page
    participant S as Storage
    
    U->>W: Opens Tencent Meeting Recording
    W->>C: Page loads with content script
    C->>W: Injects fetch interception
    W->>B: Video requests detected
    B->>S: Store video URLs
    U->>P: Opens extension popup
    P->>S: Retrieve stored URLs
    S->>P: Return detected URLs
    U->>P: Enter save path
    U->>P: Generate command
    P->>U: Display curl command
    U->>P: Copy command
    U->>U: Execute in Git Bash
Loading

Code Architecture Visualization

📁 Project Structure
tencent-meeting-video-downloader/
├── src/                    # Source files
│   ├── background/        # Background service worker
│   ├── content/          # Content script injection
│   ├── popup/            # User interface components
│   ├── utils/            # Utility functions
│   └── assets/           # Icons and resources
├── dist/                 # Built extension files
├── public/              # Public assets
├── icons/               # Extension icons
├── versions/            # Release archives
├── manifest.json        # Extension manifest
├── package.json         # Dependencies and scripts
├── webpack.config.js    # Build configuration
└── README.md           # Documentation

🚀 Getting Started

Installation Methods

Important

Choose the installation method that best fits your needs. Chrome Web Store installation is recommended for regular users.

Method 1: Chrome Web Store (Recommended)

Direct Installation:

  1. Visit Chrome Web Store - Go to the extension page
  2. Add to Chrome - Click "Add to Chrome" button
  3. Confirm Installation - Click "Add extension" in the popup
  4. Pin Extension - Pin the extension to your toolbar for easy access

🎉 Success! The extension is now installed and ready to use.

Method 2: Manual Installation

Development Installation:

# 1. Download latest release
wget https://github.com/ChanMeng666/tencent-meeting-video-downloader/releases/latest/download/tencent-meeting-video-downloader.zip

# 2. Extract the archive
unzip tencent-meeting-video-downloader.zip

Chrome Setup:

  1. Open Chrome and go to chrome://extensions/
  2. Enable "Developer mode" (top-right toggle)
  3. Click "Load unpacked"
  4. Select the extracted folder
  5. Extension appears in toolbar

Quick Setup

Getting Started in 3 Steps:

  1. Install Extension using either method above
  2. Open Tencent Meeting Recording and start video playback
  3. Click Extension Icon to detect and download videos

Development Setup

For Developers:

# Clone repository
git clone https://github.com/ChanMeng666/tencent-meeting-video-downloader.git
cd tencent-meeting-video-downloader

# Install dependencies
npm install

# Build extension
npm run build

# Development with hot reload
npm run watch

Load Development Extension:

  1. Build creates dist/ folder
  2. Load dist/ folder as unpacked extension in Chrome
  3. Changes auto-reload during development

Tip

Use npm run watch for automatic rebuilding during development.

📖 Usage Guide

Basic Usage

Step-by-Step Process:

  1. Open Recording Page

    • Navigate to your Tencent Meeting recording
    • Start video playback (this triggers URL detection)
  2. Activate Extension

    • Click the extension icon in Chrome toolbar
    • Extension automatically detects available videos
  3. Configure Download

    • Enter your desired save path (e.g., D:/meeting_video.mp4)
    • Include the filename with .mp4 extension
  4. Generate Command

    • Click "Generate Download Command"
    • Copy the generated curl command
  5. Execute Download

    • Open Git Bash or terminal
    • Paste and execute the command
    • Wait for download completion

User Interface Walkthrough

Extension Interface

Step 1-3: Extension interface showing video detection and path input

Command Generation

Step 4-5: Command generation and execution instructions

Example Usage:

# Example generated command
curl 'https://yunluzhi-az-1258344699.file.myqcloud.com/recording_example.mp4' \
  -H 'authority: yunluzhi-az-1258344699.file.myqcloud.com' \
  -H 'user-agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36' \
  -H 'referer: https://meeting.tencent.com/' \
  --compressed \
  --output '/d/meeting_video.mp4'

Advanced Configuration

Path Configuration Tips:

# Windows paths (converted automatically)
D:\Videos\meeting.mp4
C:\Users\Username\Documents\video.mp4

# Unix-style paths (for Git Bash)
/d/Videos/meeting.mp4
/c/Users/Username/Documents/video.mp4

Troubleshooting Common Issues:

Issue Solution
No video detected Ensure video is playing and page is fully loaded
Path errors Use forward slashes and include file extension
Command fails Check internet connection and file permissions
Extension not working Refresh page and try again

Tip

Always include the .mp4 extension in your save path for proper file handling.

⌨️ Development

Local Development

Setup Development Environment:

# Clone repository
git clone https://github.com/ChanMeng666/tencent-meeting-video-downloader.git
cd tencent-meeting-video-downloader

# Install dependencies
npm install

# Start development mode
npm run watch

Development Scripts:

# Build for production
npm run build

# Development with hot reload
npm run watch

# Clean build directory
rm -rf dist/

Building Extension

Production Build:

The build process uses Webpack to:

  • Transpile modern JavaScript with Babel
  • Bundle modules and dependencies
  • Copy static assets and manifest
  • Optimize for production deployment
# Create production build
npm run build

# Output structure
dist/
├── background.js      # Background service worker
├── content.js         # Content script
├── popup.js          # Popup interface logic
├── popup.html        # Popup HTML
├── manifest.json     # Extension manifest
└── icons/           # Extension icons

Testing

Manual Testing Process:

  1. Load Extension - Load unpacked extension in Chrome
  2. Test Detection - Visit Tencent Meeting recording pages
  3. Verify Commands - Generate and test download commands
  4. Cross-browser - Test in different Chrome versions

Testing Checklist:

  • Extension loads without errors
  • Video URLs are detected correctly
  • Commands generate with proper formatting
  • Download commands execute successfully
  • Interface responds correctly to user actions

🤝 Contributing

We welcome contributions! Here's how you can help improve this extension:

Ways to Contribute:

  • 🐛 Bug Reports: Report issues with detailed reproduction steps
  • 💡 Feature Requests: Suggest new functionality or improvements
  • 🔧 Code Contributions: Submit pull requests with enhancements
  • 📚 Documentation: Help improve documentation and examples
  • 🌐 Translations: Add support for additional languages

Development Process:

  1. Fork Repository - Create your own fork
  2. Create Branch - git checkout -b feature/amazing-feature
  3. Make Changes - Implement your improvements
  4. Test Thoroughly - Ensure all functionality works
  5. Submit PR - Create pull request with clear description

Code Style Guidelines:

  • Use modern JavaScript ES6+ features
  • Follow existing code formatting
  • Add comments for complex logic
  • Test changes thoroughly before submitting




❤️ Sponsor

Support our extension development and help us continue building amazing tools for the community!

Why Sponsor?

  • 🚀 Faster Development: More resources for feature development
  • 🐛 Better Support: Priority bug fixes and support
  • 🌟 New Features: Funding for advanced functionality
  • 📱 Platform Expansion: Support for other browsers

Sponsor Benefits:

  • 🎯 Priority Support: Get help faster with issues
  • 🏷️ Recognition: Listed as sponsor in documentation
  • 💬 Direct Access: Direct communication channel
  • 📊 Influence: Voice in feature prioritization

📄 License

This project is licensed under the Apache-2.0 License - see the LICENSE file for details.

License Benefits:

  • ✅ Commercial use allowed
  • ✅ Modification allowed
  • ✅ Distribution allowed
  • ✅ Private use allowed
  • ✅ Patent grant included

👥 Team

Chan Meng
Chan Meng

Creator & Lead Developer

🙋‍♀️ Author

Chan Meng

For issues and feature requests, please submit an Issue.

🚨 Troubleshooting

🔧 Common Issues & Solutions

Extension Issues

Extension Not Detecting Videos:

# Checklist:
1. Ensure video is actively playing
2. Refresh the meeting recording page
3. Check if extension is enabled
4. Verify you're on a supported domain

Command Generation Fails:

# Possible solutions:
1. Check save path format (include filename.mp4)
2. Ensure proper permissions for target directory
3. Verify network connectivity

Download Issues

Curl Command Errors:

  • Ensure Git Bash is installed and properly configured
  • Check that the save directory exists
  • Verify internet connection stability
  • Try running command with --verbose flag for debugging

File Permission Errors:

# Create directory if it doesn't exist
mkdir -p /d/Videos/

# Check write permissions
ls -la /d/Videos/

📚 FAQ

❓ Frequently Asked Questions

Q: Does this extension work with all Tencent Meeting recordings? A: The extension works with recordings hosted on Tencent's myqcloud.com CDN. Most standard meeting recordings are supported.

Q: Is the extension safe to use? A: Yes, the extension only monitors network requests and doesn't collect or transmit any personal data. All operations are performed locally.

Q: Can I download multiple videos at once? A: Currently, the extension generates commands for the most recent video detected. Multiple downloads require separate command generation.

Q: What browsers are supported? A: The extension is designed for Google Chrome and Chromium-based browsers supporting Manifest V3.

Q: How do I report bugs or request features? A: Please create an issue on our GitHub repository with detailed information.


🚀 Simplifying Meeting Recording Downloads 🌟
Empowering professionals, educators, and content creators worldwide

Star us on GitHub • 🏪 Install from Chrome Store • 🐛 Report Issues • 💡 Request Features • 🤝 Contribute



Made with ❤️ by the Tencent Meeting Recording Downloader team

GitHub stars GitHub forks GitHub watchers

</rewritten_file>

About

【Stars are free hugs for code - spread the love! 🤗⭐️】Chrome extension to easily download Tencent Meeting recording videos with one click. Generate reliable download commands and save recordings locally.

Topics

Resources

License

Code of conduct

Stars

Watchers

Forks

Sponsor this project

Packages

No packages published