You are here

README.txt in jPlayer 7.2

Same filename and directory in other branches
  1. 6 README.txt
CONTENTS OF THIS FILE
---------------------

 * Introduction
 * Installation
 * Player kinds
 * Upgrading
 * Known issues
 * Support
 * Sponsorship


INTRODUCTION
------------

The jPlayer module provides a wrapper around the jPlayer JavaScript library.
This library provides an HTML5-based player, that uses a Flash fallback for
browsers that do not support it. This module provides a default presentation for
the player, as well as integration with file fields. This makes it possible to
easily convert the display of any file field into an audio or video player.

This player will work with the media types jPlayer supports: mp3, m4a, m4v, oga,
ogv, webma, webmv, wav. (Also jpeg, jpg and png for poster artwork.) Please be
sure to restrict the file upload extensions on your file fields to only allow
these extensions, or less depending on your requirements.


INSTALLATION
------------

 1. Drop the 'jplayer' folder into the modules directory '/sites/all/modules/'.

 2. Download jPlayer from http://www.jplayer.org/download/.

 3. Expand the zip or tar.gz file and then copy the dist/jplayer folder to 'sites/all/libraries/jplayer/'.

 4. In your Drupal site, enable the module under Administration -> Modules.

 5. Global admin settings for jPlayer can be found Administration ->
    Configuration -> jPlayer 'admin/config/media/jplayer'.

 6. When you manage the display of file fields within your content types
    'admin/structure/types/manage/{type}/display', choose 'jPlayer - Player'
    as the format. You can then configure the settings available for that
    instance.


PLAYER KINDS
------------

When configuring your formatter you will be given the option of two 'kinds' of 
jPlayer. Below is the difference between them:

 1. Single
    
    Intelligent single instance player which can take multiple formats of the
    same kind e.g. ogv and m4v and display the correct one depending on your
    browser. Also takes image files for poster frames. Works with both audio
    and video.
    
    For use on a multi-value file field, or single value if you only want to
    support one kind of media.
    
    If you happen to upload a video file type then the jPlayer player will
    automatically convert itself into a video player.

 2. Playlist
    
    For use on a multi-value file field. Each file uploaded will be added to a
    playlist. Which users will be able to navigation between. If you upload a
    video file then the player will convert to a video player automatically. If
    audio files are also present then a blank video frame will be displayed.
    
    You can also select your repeat option. If set to 'All' then the player will
    play all files within the playlist one after the other, once it reaches the
    end it will start again at the beginning. If set to 'Single' then it will
    repeat a single file within the playlist until the user chooses to play
    another file.


THEMING
------------

The jPlayer default output uses a lot of CSS to get the player looking
respectable. This default set of CSS is based on the demonstration skin provided
at http://www.happyworm.com/jquery/jplayer/latest/demos.htm.

Note that the default HTML output of jPlayer module is a standard template that
other "skins" may work with. It is highly suggest to not override the
jplayer.tpl.php file and instead build all your custom theming on top of the
default HTML through CSS.

To override the CSS file:

 * Copy (or create a new .css file) and place it in your theme with the same
   name as the original (jplayer.css).

 * In your theme .info file, add the line:

     stylesheets[all][] = jplayer.css

   to point to the new css file in your theme. If your file is a sub-directory,
   you will need adjust the stylesheet declaration to include that
   sub-directory.

     stylesheets[all][] = css/jplayer.css

   jplayer.css and jplayer.jpg have to be in the same folder, so if you want to
   override one of them copy also the other one. For more information, see
   https://drupal.org/node/263967.

To override the Javascript file:

 * Copy (or create a new .js file) and place it in your theme with the same
   name as the original (jplayer.js).

 * In your theme .info file, add the line:

     scripts[] = jplayer.js

   to point to new new javascript file in your theme. If your file is a
   sub-directory, you will adjust the JavaScript declaration to include that
   sub-directory.

   For more information, see http://drupal.org/node/171213.


UPGRADING
---------

Since the jPlayer module is purely a formatter most of the upgrade work required
will be in upgrading from old CCK File Fields into new core File Fields in
Drupal 7. Apart from that you will need to re-select your formatters after
upgrading to this new version.


SUPPORT
-------

Many issues you may have may be caused by jPlayer library itself, rather than
the Drupal module. Check with the jPlayer support pages for issues with Flash
warnings or the player behaving oddly:

http://www.jplayer.org/support/

If the problem is with the jPlayer Drupal module, please file a support request
at http://drupal.org/project/issues/jplayer.

FAQ
___

Q: Player is not visible onscreen
A1: is the widget type for the field set to 'jPlayer'? If in doubt, check the
 html for the page includes elements with classes such as jp-audio or
 jp-playlist in the expected area).
A2: has the jplayer module's CSS been included on the page?
A3: has the jPlayer JS been included on the page?

Q: Player apparently there but is completely unresponsive (no JS events attached
 to controls)
A1: check to see that JavaScript enabled on your browser
A2: Check that you are not relying on a version of Flash being installed that
 isn't present or is too old.
A3: check you are using jQuery >= 1.4 and jQuery <= 2.0.

Q: Player active (JS events applied, buttons respond when clicked), but won't
 play
A1: Check that the browser and platform you're testing with is able to play the
 files you're giving it when given a direct link. For example, some Linux-based
  platforms have no support for mp3 file playback out of the box.
A2: See http://jplayer.org/ for supported file formats.

Q: Which versions of the jPlayer library are known to work with the module?
A1: The Drupal 7 jplayer module has been tested against jPlayer version 2.9.2.

File

README.txt
View source
  1. CONTENTS OF THIS FILE
  2. ---------------------
  3. * Introduction
  4. * Installation
  5. * Player kinds
  6. * Upgrading
  7. * Known issues
  8. * Support
  9. * Sponsorship
  10. INTRODUCTION
  11. ------------
  12. The jPlayer module provides a wrapper around the jPlayer JavaScript library.
  13. This library provides an HTML5-based player, that uses a Flash fallback for
  14. browsers that do not support it. This module provides a default presentation for
  15. the player, as well as integration with file fields. This makes it possible to
  16. easily convert the display of any file field into an audio or video player.
  17. This player will work with the media types jPlayer supports: mp3, m4a, m4v, oga,
  18. ogv, webma, webmv, wav. (Also jpeg, jpg and png for poster artwork.) Please be
  19. sure to restrict the file upload extensions on your file fields to only allow
  20. these extensions, or less depending on your requirements.
  21. INSTALLATION
  22. ------------
  23. 1. Drop the 'jplayer' folder into the modules directory '/sites/all/modules/'.
  24. 2. Download jPlayer from http://www.jplayer.org/download/.
  25. 3. Expand the zip or tar.gz file and then copy the dist/jplayer folder to 'sites/all/libraries/jplayer/'.
  26. 4. In your Drupal site, enable the module under Administration -> Modules.
  27. 5. Global admin settings for jPlayer can be found Administration ->
  28. Configuration -> jPlayer 'admin/config/media/jplayer'.
  29. 6. When you manage the display of file fields within your content types
  30. 'admin/structure/types/manage/{type}/display', choose 'jPlayer - Player'
  31. as the format. You can then configure the settings available for that
  32. instance.
  33. PLAYER KINDS
  34. ------------
  35. When configuring your formatter you will be given the option of two 'kinds' of
  36. jPlayer. Below is the difference between them:
  37. 1. Single
  38. Intelligent single instance player which can take multiple formats of the
  39. same kind e.g. ogv and m4v and display the correct one depending on your
  40. browser. Also takes image files for poster frames. Works with both audio
  41. and video.
  42. For use on a multi-value file field, or single value if you only want to
  43. support one kind of media.
  44. If you happen to upload a video file type then the jPlayer player will
  45. automatically convert itself into a video player.
  46. 2. Playlist
  47. For use on a multi-value file field. Each file uploaded will be added to a
  48. playlist. Which users will be able to navigation between. If you upload a
  49. video file then the player will convert to a video player automatically. If
  50. audio files are also present then a blank video frame will be displayed.
  51. You can also select your repeat option. If set to 'All' then the player will
  52. play all files within the playlist one after the other, once it reaches the
  53. end it will start again at the beginning. If set to 'Single' then it will
  54. repeat a single file within the playlist until the user chooses to play
  55. another file.
  56. THEMING
  57. ------------
  58. The jPlayer default output uses a lot of CSS to get the player looking
  59. respectable. This default set of CSS is based on the demonstration skin provided
  60. at http://www.happyworm.com/jquery/jplayer/latest/demos.htm.
  61. Note that the default HTML output of jPlayer module is a standard template that
  62. other "skins" may work with. It is highly suggest to not override the
  63. jplayer.tpl.php file and instead build all your custom theming on top of the
  64. default HTML through CSS.
  65. To override the CSS file:
  66. * Copy (or create a new .css file) and place it in your theme with the same
  67. name as the original (jplayer.css).
  68. * In your theme .info file, add the line:
  69. stylesheets[all][] = jplayer.css
  70. to point to the new css file in your theme. If your file is a sub-directory,
  71. you will need adjust the stylesheet declaration to include that
  72. sub-directory.
  73. stylesheets[all][] = css/jplayer.css
  74. jplayer.css and jplayer.jpg have to be in the same folder, so if you want to
  75. override one of them copy also the other one. For more information, see
  76. https://drupal.org/node/263967.
  77. To override the Javascript file:
  78. * Copy (or create a new .js file) and place it in your theme with the same
  79. name as the original (jplayer.js).
  80. * In your theme .info file, add the line:
  81. scripts[] = jplayer.js
  82. to point to new new javascript file in your theme. If your file is a
  83. sub-directory, you will adjust the JavaScript declaration to include that
  84. sub-directory.
  85. For more information, see http://drupal.org/node/171213.
  86. UPGRADING
  87. ---------
  88. Since the jPlayer module is purely a formatter most of the upgrade work required
  89. will be in upgrading from old CCK File Fields into new core File Fields in
  90. Drupal 7. Apart from that you will need to re-select your formatters after
  91. upgrading to this new version.
  92. SUPPORT
  93. -------
  94. Many issues you may have may be caused by jPlayer library itself, rather than
  95. the Drupal module. Check with the jPlayer support pages for issues with Flash
  96. warnings or the player behaving oddly:
  97. http://www.jplayer.org/support/
  98. If the problem is with the jPlayer Drupal module, please file a support request
  99. at http://drupal.org/project/issues/jplayer.
  100. FAQ
  101. ___
  102. Q: Player is not visible onscreen
  103. A1: is the widget type for the field set to 'jPlayer'? If in doubt, check the
  104. html for the page includes elements with classes such as jp-audio or
  105. jp-playlist in the expected area).
  106. A2: has the jplayer module's CSS been included on the page?
  107. A3: has the jPlayer JS been included on the page?
  108. Q: Player apparently there but is completely unresponsive (no JS events attached
  109. to controls)
  110. A1: check to see that JavaScript enabled on your browser
  111. A2: Check that you are not relying on a version of Flash being installed that
  112. isn't present or is too old.
  113. A3: check you are using jQuery >= 1.4 and jQuery <= 2.0.
  114. Q: Player active (JS events applied, buttons respond when clicked), but won't
  115. play
  116. A1: Check that the browser and platform you're testing with is able to play the
  117. files you're giving it when given a direct link. For example, some Linux-based
  118. platforms have no support for mp3 file playback out of the box.
  119. A2: See http://jplayer.org/ for supported file formats.
  120. Q: Which versions of the jPlayer library are known to work with the module?
  121. A1: The Drupal 7 jplayer module has been tested against jPlayer version 2.9.2.