HTML5 Video Player - Video JS with PHP backend

I have created a very special video player website module which I would like to refurbish now into a multifunctional video player that can play mp4/mkv etc. videos.

and will have all the normal associated functions that players like vlc or similar have

The code so far represents a system which can be driven by events in a basic csv file that has been recording by the user using a connecting phone app, this csv goes to a php database and then the events are read by the website. On this version of the module the goal is to display this data along side the corresponding video located in the video folder, So if in CSV it states – arm region = [login to view URL] video will play on the viewer, Hand region = [login to view URL] video will play on the viewer. Etc.

I would now like to containerize this specific "csv mode" feature to a button and now add new features ones to the existing code like SRT WebVTT subtitle playback. As you can see the controls and placement have been redone.

Please give me your quote and time to complete the follow -

1) General purpose video player – ----------------

GP video player with all necessary functions, including full screen and options to hide playlist, SRT windows,

Can drag and drop file to window

2) SRT Rolling Editor/Viewer------------

This is a standard box that displays text from Webvtt or SRT in sync with video timecode,

User can edit text from this, User can CUT, COPY, PASTE, SECLECT ALL ETC.

3) Waveform-----------

This shows the audio waveform of the Video/Music file being played

4) Bookmarks function---------

Will allow user to make and store their own bookmarks, With all relevant metadata & option

for them to add their own description. There will be two buttons, B1 - one that just makes

bookmark without parsing the current SRT Lines

( This is if user wants to add his own descriptions and doesn't want SRT lines to be added)

B2- Description will also be automatically lifted from a number of SRT lines - (Say 3 or 5) that

are around* the time of the bookmark Timecode

- These text lines(without Time data) are then added to bookmark Description.

Eg. Bookmark 1 -

5) Logo –-------------

Add poster to code to logo shows in the beginning


enable custom skin with out custom icons, colour selection

6) Youtube /Streaming-------------

enable ability to play youtube video ( bookmarks function must work with this also)

7) Screenshot-------------

enable screenshots, and they should be named with time code stamped and Bookmark name

8) Playlist---------------

add playlist function so that user can dragdrop multiple media files cued up to play

9) Firefox API Plugin---------------

this plugin has two functions- 1) copies timestamps from youtube(right click - Copy video URL at current time)

adds it to the clip board at the end of the session user can copy these timestamps to video player

and bookmarks are automatically made.

2) Youtube live stream - User can copy the "started streaming 89 minutes ago" plugin will then

take the "89 minutes ago" and calculating the correct timecode for this to be made into a bookmark.

SRTs for that video can be added later

Here are some links for you to observe the direction we need to take the app in.

USING framework from scratch - [login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

Sound plugin - [login to view URL]

SRT Webvtt - [login to view URL]

Markers -[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

[login to view URL]

Skills: JavaScript, HTML5, React.js, Google Firebase, PHP

See more: php backend mp3 player, php ming video player, php flash video player integration, php ajax video player members section, php code video player, php custom video player php, php youtube video player, youtube api php send video player, php code video player wordpress, php quicktime video player code, html5 javascript php backend, php playlist video html5, intranet video html5 player, 360 video html5 player, php script video player offline, php proxy video player

About the Employer:
( 17 reviews ) Thames Ditton, United Kingdom

Project ID: #29847256

10 freelancers are bidding on average $591 for this job

(55 Reviews)
(35 Reviews)

Hi! Thank you for the opportunity to apply for this job. I believe I am the perfect candidate for this project title of " HTML5 Video Player - Video JS with PHP backend". I am Mario, professional Full Stack developer More

$555 USD in 7 days
(22 Reviews)

***HTML5 Video Player - Video JS with PHP backend*** Hello there, Thank you for sharing this kind of job, I have gone through the description and I clearly understand the work. I’m a Web Developer having 7+ years of More

$700 USD in 20 days
(12 Reviews)
(14 Reviews)

Hi There, Your job posting clarifies that you’re in a search of innovative developer for your interactive project. Here you got perfect person as I’m energetic, pioneering & ground breaking developer. I invite you for More

$500 USD in 7 days
(11 Reviews)

Hi Hiring Manage. You wanna create your specialized player. Let me send you my quote. 1) General purpose video player –3~5 hours 2) SRT Rolling Editor/Viewer - 10~15 hours 3) Waveform--3~5 hours 4) Bookmarks function-- More

$800 USD in 15 days
(8 Reviews)

Dear client Thank you for your descriptive post with details. It helped me convinced what and how much should I do. I have already read your job posting very carefully and I am so interested in your job post because it More

$500 USD in 7 days
(4 Reviews)

Thanks for sharing your requirement, I will be more than happy to help you. Let me share with you my expertise in full-stack website design and development. I am the lead full-stack web developer, working on web desig More

$500 USD in 7 days
(1 Review)

"general purpose video player" means Video player has to be created from scratch? "Firefox API plugin" means your project has already this function? I'm a senior full-stack developer for over 6+ years. Based on my the More

$750 USD in 12 days
(2 Reviews)