jPlayer Sample

r00ar

License: MIT License

Fork
5
Fav
3
View
7907
  • Play

Fullscreen

Smart Phone

Fork tree

  • Readme
  • JavaScript 21 lines
  • HTML 62 lines
  • CSS 630 lines
複数音源の再生を行う若干の拡張

<音源のみに絞ってコーディングしています>
jPlayerの基本的な仕様を踏襲すると、マークアップに不慣れ、あるいはJSファイルが別になっていて、他のHTML等からも参照されていたり、複数ページにまたがっている場合は、JS(jQuery)内でaudioの特定はできません。
このサンプルは、そういったケースを想定して、特定のjPlayer指定がHTMLに記述された場合、それぞれのid内に指定されているaタグのhref属性をjPlayerにsetするようにjPlayerコンポーネントを拡張したものです。

All The Things You Are
http://www.youtube.com/watch?v=6s-BDvBR7sc&feature=fvst

Autumn Leaves
http://www.amazon.co.jp/Portrait-Jazz-12-inch-Analog/dp/B003XKAZZE/ref=sr_1_11?ie=UTF8&qid=1334067402&sr=8-11

※iPhoneに対応させるためには、jPlyaerを使うのではなく、別のアプローチを選択した方がベターです。
  • jPlayer Sample
  • [Library] jquery.jplayer.min.js
  • jQuery v1.7.2
  • jPlayer Sample

play

Complete!

Description What kind of game?

Control Device

jsdo.it websocket controller

Mouse

keyboard

smartphone

Fullscreen

r00ar

Author

Default Panel

Size

  • Width: px
  • Height: px

code

QR Code

Discussion

Questions on this code?

Tags

Favorite by

Forked

sort by