A powerful media player built on top of the video.js project with HTTP Live Streaming (HSL), speed control, and playlist support

Latest Version

Version
0.4.7
Update
October 16, 2024
Size
1.14MiB
Developer
Category
Users
100,000+
Rating
3.89764 ★
Manifest Version
3
Web Store Status
Languages Support
Deutsch
English
Français
Nederlands
Español
Italiano
Polski
Português (Brasil)
русский
中文 (简体)
日本語
See more
Permissions
Storage
ContextMenus
Notifications
DeclarativeNetRequestWithHostAccess
See more

MediaPlayer - Video and Audio Player Extension

The \"Media Player\" is a browser extension to play music and video files either locally or from online sources. This project aims to bring a VLC-liked media playing experience using native HTML5 technology. The add-on is built on top of the well-known \"video.js\" project by applying a few custom plug-ins to enhance the user experience. This player supports media boosting, speed control, playlist media selection, fullwidth-progress bar, HTTP-streaming (M3U8), cast to a remote device, and wave surfer visual for audio files.

How to Use (local resources):
Open the interface and drop the media link to it
How to Use (remote resources):
Open a video page like https://www.w3schools.com/html/html5_video.asp
Right-click on the player and select \"Open in Media Player\"

You can start watching an offline video file by dragging and dropping the video file into the player or pressing the big play button. To have the player load subtitle make sure to drop both video and subtitle files together (The dropped subtitle should have the same name as the file and needs to be in SRT or VTT format). Also, you can add a subtitle file later using the \"+CC\" button. This button appears when there is no subtitle found for the current track.

Extra Features:
1. Video casting: right-click on the player. If your browser supports this feature, you can transfer the media to a remote device.
2. Take a screenshot: Press the \"screenshot\" button on the player
3. 2x volume-boosting: Like VLC, you can boost the audio by 200%. Use the boosting feature when the volume is not loud enough.
4. Media Capturing: The player can optionally detect media files in the current tab and transfer them to the media player
5. Play in a separate window or inside a browser tab
6. Supports media keys even if the player is not focused
7. Supports native context menu on Chrome OS. You can right-click on the finder window (explorer) and use this player to open media files.

You can use your keyboard to control the following playback options:
1. \"F\" key: This will toggle the fullscreen mode on and off
2. \"Space\" key: This will toggle the playing state of the player
3. \"Key Up\" and \"key Down\": Increase or decrease volume.
4. \"Key Left\" and \"Key Right\": Seek backward and forward for 10 seconds.
5. \"U\" key: Shuffle playlist
6. \"R\" key: Toggle repeat, repeat one, and no-repeat
7. \"S\" key: Take s screenshot
8. \"B\" key: Boost volume (2x or 200%)
9. \"O\" key: Open network URLs

Change Log:
0.1.2:
1. Media Player now supports history (it will save the current track position and retrieves it after a restart)
2. Media player now supports global keyboard shortcuts for toggle pause and play state, moving to the previous track and moving to the next track
0.1.3:
1. Better playlist!
0.1.4:
1. For audio tracks, a seek-able wave-surfer is replaced with the old poster image
2. playback rate is now adjustable.
0.1.7:
1. Supports live stream (m3u8)
2. Supports folder drop and recursive media file search
0.2.3
1. Partial support for MKV video container
0.2.5
1. Better support for video/mkv format
Read more

Source Manifest.json

{"update_url": "https://clients2.google.com/service/update2/crx", "manifest_version": 3, "version": "0.4.7", "name": "MediaPlayer - Video and Audio Player", "description": "__MSG_description__", "default_locale": "en", "background": { "service_worker": "worker.js" }, "offline_enabled": true, "permissions": [ "storage", "contextMenus", "notifications", "declarativeNetRequestWithHostAccess" ], "optional_permissions": [ "activeTab", "scripting" ], "optional_host_permissions": [ "*://*/*" ], "action": {}, "icons": { "16": "/data/icons/16.png", "32": "/data/icons/32.png", "48": "/data/icons/48.png", "64": "/data/icons/64.png", "128": "/data/icons/128.png", "256": "/data/icons/256.png", "512": "/data/icons/512.png" }, "commands": { "_execute_action": {}, "previous-track": { "description": "Previous Track" }, "next-track": { "description": "Next Track" }, "toggle-play": { "description": "Toggle Play/Pause" } }, "file_handlers": [{ "action": "/file_handlers/index.html", "name": "Open with MediaPlayer", "accept": { "video/avi": [".avi"], "video/mp4": [".mp4"], "video/webm": [".webm"], "video/x-flv": [".flv"], "video/quicktime": [".mov"], "video/ogg": [".ogv"], "video/3gpp": [".3gp"], "video/mpeg": [".mpg"], "video/x-ms-wmv": [".wmv"], "application/x-shockwave-flash": [".swf"], "video/x-matroska": [".mkv"], "video/dvd": [".vob"], "audio/pcm": [".pcm"], "audio/wav": [".wav"], "audio/aac": [".aac"], "audio/ogg": [".ogg"], "audio/x-ms-wma": [".wma"], "audio/flac": [".flac"], "audio/midi": [".mid"], "audio/x-matroska": [".mka"], "audio/mp4": [".m4a"], "audio/voc": [".voc"], "audio/mpeg": [".mp3"], "application/vnd.apple.mpegurl": [".m3u8"] }, "launch_type": "single-client" }], "homepage_url": "https://webextension.org/listing/the-media-player.html"}
Read more

How to download and manually install MediaPlayer - Video and Audio Player extension for Chrome

Looking for a way to install MediaPlayer - Video and Audio Player extensions for Chrome, you can search for them in the Chrome Web Store, clicking the "Add to Chrome" button, and following the straightforward process.

However, you may need to install MediaPlayer - Video and Audio Player extensions manually, this article outlines two simple methods to effortlessly install MediaPlayer - Video and Audio Player extensions, whether they come as unpacked folders in compressed formats like .zip or as .crx files.

Method 1: Download MediaPlayer - Video and Audio Player extension and manually install through Drag &Drop

If you ever need to manually install a MediaPlayer - Video and Audio Player extension for Chrome, don't worry, it's a simple process. Just follow these easy steps, and you will have your extension ready to use in no time.

Step 1: Download the MediaPlayer - Video and Audio Player Extension by clicking the "Download CRX" button on the website.

Look for the MediaPlayer - Video and Audio Player extension you wish to install. Go to the website and download the MediaPlayer - Video and Audio Player extension package, which is usually a .CRX file and comes in a zipped file. Here ".crx" file is the format for MediaPlayer - Video and Audio Player extension that contains all the data.

Step 2: Extract &Arrange Files

Once the file is downloaded, extract that file into its own folder. Similarly, give that extension files a permanent home. In other words, keep it in a folder that you don't accidentally delete it because these files will be needed to make that extension work.

Step 3: Go to the Chrome Extensions Page

Open Google Chrome and in the address bar, type chrome://extensions; it will open the Google Chrome extensions page. Make sure that "My extensions" is selected in the sidebar.

Step 4: Drag and Drop the Extension

Now, go to the folder where you extracted the MediaPlayer - Video and Audio Player extension and drag &drop the extension file from there anywhere onto the extension page within Google Chrome.

Step 5: Complete the Installation

Once you drag and drop the extension file, follow the steps that Google Chrome takes you through. Similarly, if the extension file is of .crx file format, you will be required to review the permissions and then add the extension.

Now, you can manage that added extension as you would like to with any other Chrome extension that you added through Chrome Webstore. Its icon will also appear in the Google Chrome Menu on the right side of the address bar once you activate it.

Method 2: Download MediaPlayer - Video and Audio Player extension for Chrome and install in Developer Mode

This is another method to install MediaPlayer - Video and Audio Player extension manually, but the twist is that here, you install by enabling the developer mode option provided in Google Chrome. This mode is commonly used for testing extensions or running unpublished tools.

Step 1: Download the MediaPlayer - Video and Audio Player extension file

Select and download the MediaPlayer - Video and Audio Player extension by clicking the 'Download CRX' button on the website.

Step 2: Extract the downloaded contents

Convert the file to a ZIP file if it is in CRX format then extract the MediaPlayer - Video and Audio Player extension zip file or folder that you downloaded. Make sure you extract it using the same folder name and keep it safely in another folder, so you don't delete it by mistake. The extracted folder will be needed to keep your MediaPlayer - Video and Audio Player extension running.

Step 3: Open Chrome Extension Setting Page

In the address bar of Google Chrome, type chrome://extensions and open the Chrome Extension Page.

Step 4: Enable Developer Mode

After opening the Chrome Extension page, look at the top right side, and you will find the toggle option of "Developer mode."Simply enable that developer mode option.

Step 5: Load the Unpacked Extension

Once you enable the developer mode option, you will see the menu of Load Unpacked, Pack Extensions and Update. From that, select the option "Load unpacked."

Step 6: Select the Extension Folder

Once the pop-up opens upon clicking Load unpacked, select the MediaPlayer - Video and Audio Player extension directory and click on the "Select Folder "button.

Step 7: Confirm and Install

After you select an extension folder of a Google Chrome extension you're installing manually, confirm its installation for the final time and let the installation complete.

Conclusion

Here we've made a step-by-step guide on How to manually install MediaPlayer - Video and Audio Player extension in 2 ways. We hope this guide proves helpful.

Similar Extensions

icon

Open in VLC™ media player Extension · Fun 100,000+ 850 ★ 101KiB

icon

Universal Video Player Controls Extension · Productivity 100,000+ 22 ★ 36.95KiB

icon

Video Player Extension · Productivity 100,000+ 7 ★ 8.67MiB

icon

Play in VLC™ Extension · Productivity 100,000+ 22 ★ 73.58KiB

icon

Open with VLC Extension · Fun 100,000+ 7 ★ 9.91KiB

icon

Local Media Player Extension · Productivity 100,000+ 117 ★ 46.16KiB

icon

Local Audio Player Extension · Fun 100,000+ 7 ★ 143KiB

icon

Video Player Extension · Productivity 100,000+ 8 ★ 475KiB

icon

VLC online - multimedia player Extension · Fun 100,000+ 5 ★ 660KiB

icon

Open in VLC Media Player™ Extension · Productivity 100,000+ 358 ★ 692KiB

icon

YouTube Music Web Player Search Extension · Fun 100,000+ 23 ★ 9.45KiB

icon

Video Player for Local Files Extension · Fun 100,000+ 41 ★ 29.54KiB

icon

BetterPlayer - A Modern Video Player Extension · Productivity 100,000+ 8 ★ 33.48KiB

icon

Video player extension Extension · Accessibility 100,000+ 2 ★ 25.84KiB

icon

Player for local videos Extension · Productivity 100,000+ 4 ★ 6.59MiB

icon

FLO Player Extension · Productivity 100,000+ 10 ★ 660KiB

icon

East Control Extension · Productivity 100,000+ 35 ★ 10.51MiB

icon

Eyevinn Player Chrome extension Extension · Developer Tools 100,000+ 5 ★ 19.2KiB

icon

Send to VLC (VideoLAN) media player Extension · Fun 100,000+ 33 ★ 72.67KiB

icon

Video Dominator Extension · Productivity 100,000+ 38 ★ 477KiB

icon

Audio Player Extension · Productivity 100,000+ 19 ★ 3.64MiB

icon

OPEN IN VLC™ MEDIA PLAYER Extension · Fun 100,000+ 4 ★ 433KiB

icon

Remote Player for VLC™ Extension · Productivity 100,000+ 8 ★ 31.73KiB

icon

Open in VLC™ Extension · Productivity 100,000+ 46 ★ 23.84KiB

User reviews

icon

Jose Manuel Cervantes Guerrero (ID: 0000008e29a99a78) Voted 5 ★ - Updated 11/01/2023 Perfecta para streamear videos en chromecast, funciona excelente

icon

Lafin Lalannges (ID: 00000078f110237e) Voted 4 ★ - Updated 09/28/2023 It is a good extension, but when sharing this extension tab to google meet tab, it won't play any sound.

icon

tabliqat chi (ID: 000000ffc865d8e1) Voted 4 ★ - Updated 08/30/2023 Everything is fine and I really like it, except that the Chrome live captions don't work for it.

icon

Estela Rtz (ID: 00000029764f405b) Voted 1 ★ - Updated 08/16/2023 No reproduce TS

icon

Anindya Sundar Bhar (ID: 0000008fc80d911a) Voted 2 ★ - Updated 07/06/2023 Unable to play offline videos of HEVC quality, after seeing so many positive reviews I decided to try it but unfortunately it failed to play HEVC videos