20款jQuery 的音訊和視訊外掛

oschina發表於2013-08-23

  分享 20 款jQuery的音訊和視訊外掛

  Blueimp Gallery:

DEMO || DOWNLOAD

1. Blueimp Gallery

  Blueimp gallery 主要為移動裝置而設計,同時也支援桌面瀏覽器。可定製視訊和相片,支援觸控操作,支援全屏播放等。

  YoutubeTV:

DEMO || DOWNLOAD

2. YoutubeTV

  該外掛可以讓你直接在網頁上播放來自 YouTube 的視訊,支援播放列表

  Osvaldas:

DEMO || DOWNLOAD

3. Osvaldas

  提供水平和垂直顯示的播放器

  Shadowbox:

DEMO || DOWNLOAD

4. Shadowbox

  Shadowbox is a great plugin and is a perfect web-based media viewer app and the best part is that it supports entire list of media publishing formats. This app can be customized way too easily.

  Jplayer:

DEMO || DOWNLOAD

5. Jplayer

  jPlayer是一個用於控制和播放mp3檔案的jQuery外掛。它在後臺使用Flash來播放mp3檔案,前臺播放器外觀完全可以使用 XHML/CSS自定義。

  Video.js:

DEMO || DOWNLOAD

Video.js-HTML5-and-Flash-Video-Player

  Video.js 是一個通用的在網頁上嵌入視訊播放器的 JS 庫,Video.js 自動檢測瀏覽器對 HTML5 的支援情況,如果不支援 HTML5 則自動使用 Flash 播放器

  ILightBox:

DEMO || DOWNLOAD

7. ILightBox

  If you are looking to build exquisite responsive overlay windows, ILightBox is perfect for you. It offers you friendly API and a wide variety of beautiful skins. It supports all browsers and Android.

  IView Slider:

DEMO || DOWNLOAD

iView-Slider-Responsive-Slider-jQuery-Plugin

  This is basically an image slider designed with jQuery and also displays animated captions. The layout is obviously responsive and the best part is that you can add as many images and captions as you want. You can use it for presentations and banner ads.

  Webdesign Tutsplus:

DEMO || DOWNLOAD

webdesign-tutsplus-Skin-Orman-Clark’s-Video-Interface-Using-jPlayer-and-CSS

  This can be a great demo if you are looking to build a video player interface. Here, we will be following Orman clark’s premium pixel design and let me tell you, it will be a great fun.

  Last.FM:

DEMO || DOWNLOAD

Last.FM-for-jQuery

  This one is my personal favorite as it can help in tracking your few last played songs from Last.FM APIs. Soon they will be launching additional features which will help you in tracking your favorite and most listened songs.

  MaxImage 2.0:

DEMO || DOWNLOAD

MaxImage-20-jQuery-Cycle-plugin-as-Fullscreen-Background-Slideshow

  It allows you to view a slideshow on full screen and supports all sorts of transitions, which is great.

  Mediaelement.js:

DEMO || DOWNLOAD

mediaelementjs-HTML5-audio-and-video-players

  It does not offer latest browsers an HTML5; instead it allows users to upgrade with custom flash and Silverlight plugins. Once this plugin is installed, you’ll see the magic happen as it will support all browsers.

  Youmax 1.0:

DEMO || DOWNLOAD

Youmax-jQuery-plugin-Show-complete-Youtube-channel-on-your-website

  This can prove to be a lot beneficial because with this, you can have your own Youtube on your website because it works just like that. Other users can view your uploaded files and you can display your playlist and a lot more.

  Bootstrap Video Player jQuery plugin:

DEMO || DOWNLOAD

Bootstrap-Video-Player-jQuery-Plugin

  This is actually based on Bootstrap UI and is highly customizable. It enables you to auto play a song of your choice, shows progress bar, shows video timer and volume bar. There a lot of other features included as well.

  JWeb Audio:

DEMO || DOWNLOAD

jWebAudio-jQuery-Web-Audio-library-for-games

  Controlling your audio just gets easier, thanks to JwebAudio. It basically helps users in controlling the sounds of web games. Also, adding sound effects with the help of JWebAudio is very easy. You can even add 3D sound effects.

  J-media element HTML5 Video player:

  DEMO || DOWNLOAD

  This a jQuery based plugin and this element is basically a multimedia framework. It allows you to embed multi-media content in a great way.

  JW Player:

DEMO || DOWNLOAD

JW-Player-JavaScript--HTML5-&-Flash-Video-Player

  JW FLV MEDIA PLAYER是一個開源的在網頁上使用的Flash視訊、音訊以及圖片播放器,支援 Sliverlight 播放,可以通過一個XML檔案使播放器自動切換顯示一組圖片,並播放背景音樂。

  jQuery Multimedia Portfolio:

DEMO || DOWNLOAD

jQuery-Multimedia-Portfolio

  This is a simple one yet effective. This allows automatic detection of the media player being used and will apply the adapted player.

  jQuery Multimedia Portfolio 2:

DEMO || DOWNLOAD

jQuery-Multimedia-Portfolio-2

  This jQuery plugin is for unremarkable, manageable and malleable multi-media embedding.

相關文章