mkhplayer - HTML5 audio and video player jQuery plugin

  •        33

You can check the demo site https://myokyawhtun.github.io/mkhplayer.

https://myokyawhtun.github.io/mkhplayer
https://github.com/myokyawhtun/mkhplayer

Tags
Implementation
License
Platform

   




Related Projects

accessible-html5-video-player - Accessible HTML5 Video Player

  •    Javascript

A lightweight HTML5 video player which includes support for captions and screen reader accessibility. For details, read the blog post Introducing an Accessible HTML5 Video Player on the PayPal Engineering blog. Also see 7 Lessons from Developing an Accessible HTML 5 Video Player.Insert the CSS in the Head of your HTML document. You'll also need to upload the sprite image (or use your own) and adjust the path in the CSS file.

jPlayer - jPlayer : HTML5 Audio & Video for jQuery

  •    Javascript

The jQuery HTML5 Audio / Video Library. Allows you to create a media player with a consistent interface and experience across all browsers.

Videojs - HTML5 & Flash video player

  •    Javascript

Video.js is a web video player built from the ground up for an HTML5 world. It supports HTML5 and Flash video, as well as YouTube and Vimeo (through plugins). It supports video playback on desktops and mobile devices. It is an extendable framework/library around the native video element. It unifies the native video API across browsers.

audiojs - A cross-browser javascript wrapper for the html5 audio tag

  •    Javascript

audiojs is a drop-in javascript library that allows HTML5's <audio> tag to be used anywhere. It uses native <audio> where available and falls back to an invisible flash player to emulate it for other browsers. It also serves a consistent html player UI to all browsers which can be styled used standard css. It plays mp3s. No ogg. Because, lets be honest, in the real world, no one really exports ogg files. Sadly, that means Opera and Firefox get flash audio. Hopefully they can add mp3 support soon.


bootstrap-fileinput - An enhanced HTML 5 file input for Bootstrap 3

  •    Javascript

An enhanced HTML 5 file input for Bootstrap 3.x and 4.x with file preview for various files, offers multiple selection, and more. The plugin allows you a simple way to setup an advanced file picker/upload control built to work specially with Bootstrap CSS3 styles. It enhances the file input functionality further, by offering support to preview a wide variety of files i.e. images, text, html, video, audio, flash, and objects. In addition, it includes AJAX based uploads, dragging & dropping files, viewing upload progress, and selectively previewing, adding, or deleting files. NOTE: An alternative new Krajee Explorer Theme (preview shown below) for bootstrap-fileinput has been released and available since v4.3.7. For more theming options and suggestions refer the theming demos.

HTML5 Video for Umbraco

  •    

This is a project to allow you to insert HTML5 <video> into your website with a flash player fallback if the users browser does not support the <video> tag. We will utilise the VideoJS library in order to achieve an easily skinable <video> player by using CSS.

jQuery-contextMenu - jQuery contextMenu plugin & polyfill

  •    HTML

$.contextMenu is a management facility for - you guessed it - context menus. It was designed for an application where there are hundreds of elements that may show a context menu - so intialization speed and memory usage are kept fairly small. It also allows to register context menus without providing actual markup, as $.contextMenu generates DOMElements as needed.have a look at the demos.

party-mode - An experimental music visualizer using d3.js and the web audio api.

  •    Javascript

Using the web audio api, I can get an array of numbers which corresponds to the waveform of the sound an html5 audio element is producing. There's a good tutorial on how to do this. Then, using requestAnimationFrame (with a little frame limiting for performance reasons) I'm updating that array as the music changes. I then normalize the data a bit (or transform it slightly depending on the visualization) and redraw the screen based on the updated array. I'm using d3.js to draw and redraw SVG based on this normalized data. Each visualization uses the data a bit differently -- it was mostly trial and error to get some stuff I liked looking at. Since I'm using D3 -- which is just drawing SVG -- I was able to style everything in CSS (no images are used at all, including icons). There are a handful of differently colored themes for each visualization, and I do some rudimentary CSS namespacing by updating a class applied to the html element. eg. <html class='theme_1'>. This lets me override or substitute CSS rules pretty trivially. I can add some additional variation to each theme by messing with pseudo selectors. For example, I can use :nth-of-type to hide every nth SVG rectangle or making every odd child have a different stroke-dasharray, etc.

clappr - :clapper: An extensible media player for the web.

  •    Javascript

Test it at cdn.clappr.io. You can re-use some vendors used internally, for instance you can use Kibo through Clappr.Vendor.Kibo.

seeThru - HTML5 video with alpha channel transparencies

  •    Javascript

Your HTML5 video source is re-rendered into a canvas-element, adding the possibility to use transparencies in your video. Alpha information is either included in the video's source file (moving) or in a seperate <img>-element (static). The package also ships with a simple CLI tool for automatically converting your RGBA video sources into the correct format.

rx-player - Smooth/DASH HTML5 Video Player

  •    TypeScript

The Rx-player is a library implementing a DASH and Microsoft Smooth Streaming video player directly on the browser, without plugins. It relies on HTML5 Media Source Extensions and Encrypted Media extensions and is written in TypeScript, a superset of JavaScript. It is currently used in production for premium services and targets several devices, such as computers, phones, but also set-top-boxes, smart TVs and other peculiar environments.

jPlayer - jPlayer : HTML5 Audio & Video for jQuery

  •    Javascript

jPlayer : HTML5 Audio & Video for jQuery






We have large collection of open source products. Follow the tags from Tag Cloud >>


Open source products are scattered around the web. Please provide information about the open source projects you own / you use. Add Projects.