MediaCP Manual
    1. Getting Started
    2. Sales Questions
    3. Frequently Asked Questions
    4. Transcoder System Benchmarks
    5. Start your own streaming platform
    1. Product Licensing
    2. Change account currency
    1. Introduction
    2. Installation & Upgrade
      1. System Requirements
      2. Versions & Releases
      3. Installation
      4. Upgrading
      5. SSL Certificates
      6. Streaming Servers
        1. Nginx-Rtmp Video Server
        2. Wowza Streaming Engine
        3. Flussonic Media Server
        4. Video Feature Comparison
        5. Icecast 2 / Icecast KH
    3. Billing Integration
      1. Clientexec Integration Guide
      2. Blesta Integration Guide
      3. WHMCS Integration Guide
    4. Migrate from other software
      1. Migrate From AzuraCast
      2. Migrate From Centovacast
    5. Backup & Restoration
      1. Backup MediaCP
      2. Restore MediaCP
      3. Transfer to another server
    6. Administration
      1. Reset Admin Password
      2. Port 80 / 443 Proxy
      3. MediaCP System Commands
      4. Change MediaCP domain name
      5. Move media to another hard disk
      6. Secure your server
      7. Troubleshooting Login Errors
      8. Custom Facebook App
      9. Custom Web Service Configurations
      10. Admin Tools
    7. Scaling
      1. Nginx-Rtmp with CloudFront CDN
      2. Scale with Wowza and CloudFront CDN
    8. Troubleshooting
      1. Troubleshooting Wowza Streaming Engine
      2. FTP Troubleshooting
      3. MySQL Database Troubleshooting
      4. Reporting Troubleshooting
      5. Troubleshooting Liquidsoap AutoDJ
      6. Video Relay Troubleshooting
      7. Grant access to support team
    1. Introduction
    2. Administrators Dashboard
    3. System Configuration
      1. General
      2. Services
      3. Video Players
      4. Albums
      5. Email
      6. Plugins
      7. Statistics
      8. Backups
      9. Custom HTML
      10. Misc
    4. Customer Accounts
      1. Managing existing Customers
      2. Create a new Customer
      3. Deleting a Customer
      4. Login as another Customer
      5. Send email to Customer
      6. Reset Customer Password
    5. Reseller Accounts
      1. Create a Reseller Account
      2. Reseller Plans
    6. Media Services
      1. Creating a Media Service
      2. Deleting a Media Service
    7. Announcements
      1. Managing Announcements
      2. Creating Announcement
      3. Deleting Announcement
    8. Statistics
    9. Software Health
    10. Software Updates
    11. Email Templates
    12. API
    1. Introduction
    2. Audio Operation Manual
      1. Basics 101
      2. Station Overview
      3. Media Library
      4. Playlists
        1. General Rotation
        2. Jingles & Advertising
        3. Scheduling
        4. Repeat Protection
      5. Live DJ Connections
      6. Live Stream Recording
      7. DJ Manager
      8. Country Blocking
      9. Stream Proxy
      10. Stream Authentication
      11. Widgets & Links
      12. Reporting
    3. Video Operation Manual
      1. Basics 101
      2. Service Overview
      3. File Manager
      4. Scheduling
      5. Streaming to Your Service
      6. Stream Targets
      7. GeoIP Country Locking
      8. Widgets & Links
      9. Reporting
    4. Reseller Operations Manual
      1. Reseller Dashboard
      2. Customers
      3. Media Services
    1. Custom Domain Names
    2. Shoutcast 2 Admin Guide
    3. Wowza and Flussonic on same system
    4. Submit a feature request
    5. Wowza Custom Properties
    6. API Documentation
    1. DJ Priorities
    2. HTML5 Audio Player
    3. Broadcasting with AutoDJ
    4. Shoutcast 2 Premium
    5. Mount Points
    6. Managing Media Using FTP
    7. Shoutcast 2 Live Broadcasting
    1. Getting started with video streaming
    2. Live Streaming Overview
    3. TV Station Overview
    4. Ondemand Video Streaming
    5. GeoIP Country Locking
    6. VAST Advertising
    7. Relay & IP Camera
    8. Stream Recording
    9. Connecting your encoder
    10. Preparing Your Media Files
    11. Managing Media Using FTP
    12. Understanding Video Playlists
    13. Embedding player on your website
    14. Smooth Streaming and Content Transition
    15. Video Transcoding (Adaptive Bitrate Streaming)
    16. Image Logo or Watermark Overlay on Video Stream
    17. DVR Rewind
    18. Statistics
    19. Facebook Live Streaming
    20. Youtube Stream Publishing
    21. Twitch Stream Publishing
    22. Shoutcast 2 Stream Publishing
    23. Icecast Stream Publishing
    24. RTMP Stream Publishing
    1. Cloud Video Overview
    2. Admin Manual - Cloud Video
      1. Dashboard - A First Look
      2. Branding your platform
      3. Team & Staff Members
      4. Plans & Customers
      5. WHMCS Billing Provisioning Module
      6. Login to your cloud platform
      7. Activating VOD on Customer Plan
    3. User Manual - Cloud Video
      1. Login to your video platform
      2. First Look
      3. Creating a Channel
      4. Channel Overview
      5. Broadcasting
      6. Recording
      7. Fallback Video
      8. TV Channels - 24x7 UGC
      9. Video on Demand
      10. VOD Playlists
      11. Publishing
      12. Viewing Analytics
      13. Publish Zoom Meetings
      14. Advertising
      15. Restreaming IP Cameras
    4. Video Guide Series
    5. Streaming Best Practices
    6. Feature Comparison
    7. Roadmap & Release Notes
Custom HTML

Last updated 2 years ago

Custom HTML code is typically used to adjust the design of the control panel or add additional features such as a live chat widget.

You should never use this component to add an custom messages or notices to the control panel, since this may break the display or function of the MediaCP interface. Such notices should be added as Announcements instead.

The HTML stored in these fields is stored on the file system in /usr/local/mediacp/content in either the header.html or footer.html files. It is safe to delete these files.

Reverting Changes

In the case where changes have broken the display of the MediaCP, and you are unable to access the System Config page; it is possible to revert the changes simply by deleting the Custom HTML files stored in /usr/local/mediacp/content/header.html and /usr/local/mediacp/content/footer.html

Header

HTML here is placed before the <body> element, which is ideal for adding additional styling such as a <style> element.

Adding custom styles

It is possible to apply custom styles to the control panel by using the normal <style> html element. Example below:

				
					<style>
    .body{
        background-color: blue;
    }
</style>
				
			

Footer

Adding external Javascript file

It may be necessary to insert additional javascript or other resources onto your page, a common use for this is to add a live chat widget to the MediaCP interface.

Example below:

				
					<script type="text/javascript" src="//cdn.js/your-custom-script.js" />
				
			

Table of Contents