.. You may want to use the usual include line. Uncomment and adjust the path. .. include:: ../Includes.txt ====================== EXT: PAE Media Library ====================== :Author: Kasper Skårhøj :Created: 2002-11-01T00:32:00 :Changed by: Alban Cousinié :Changed: 2009-12-21T12:33:01.630000000 :Classification: pae_media_library :Description: The keywords help with categorizing and tagging of the manuals. You can combine two or more keywords and add additional keywords yourself. Please use at least one keyword from both lists. If your manual is NOT in english, see next tab "language" ---- forEditors (use this for editors / german "Redakteure") forAdmins (use this for Administrators) forDevelopers (use this for Developers) forBeginners (manuals covering TYPO3 basics) forIntermediates (manuals going into more depth) forAdvanced (covering the most advanced TYPO3 topics) see more: http://wiki.typo3.org/doc_template#tags ---- :Keywords: dam, video, audio, media, library, jw, player, FLV, F4V, MP3, YouTube :Author: Alban Cousinié :Email: extensions@mind2machine.com :Info 4: :Language: en |img-1| |img-2| EXT: PAE Media Library - pae\_media\_library .. _EXT-PAE-Media-Library: EXT: PAE Media Library ====================== Extension Key: pae\_media\_library Language: en Keywords: dam, video, audio, media, library, jw, player, FLV, F4V, MP3, YouTube Copyright 2000-2008, Alban Cousinié, This document is published under the Open Content License available from http://www.opencontent.org/opl.shtml The content of this document is related to TYPO3 \- a GNU/GPL CMS/Framework available from www.typo3.org .. _Table-of-Contents: Table of Contents ----------------- `EXT: PAE Media Library 1 <#1.EXT:%20PAE%20Media%20Library|outline>`_ **`Introduction 3 <#1.1.Introduction|outline>`_** `What does it do? 3 <#1.1.1.What%20does%20it%20do_|outline>`_ `Screenshots 3 <#1.1.2.Screenshots|outline>`_ **`Users manual 6 <#1.2.Users%20manual|outline>`_** `Inserting the plugin inside a web page 6 <#1.2.1.Inserting%20the%20plugin%20inside%20a%20web%20page|outline>`_ `Adding media to the DAM 8 <#1.2.2.Adding%20media%20to%20the%20DAM%20|outline>`_ `FAQ 15 <#1.2.4.FAQ|outline>`_ **`Administration 16 <#1.3.Administration|outline>`_** `Access restrictions 16 <#1.3.1.Access%20restrictions|outline>`_ `FAQ 16 <#1.3.2.FAQ|outline>`_ **`Configuration 17 <#1.4.Configuration|outline>`_** `Reference 18 <#1.4.3.Reference|outline>`_ **`Bonus gift ! 20 <#1.5.Bonus%20gift%20!|outline>`_** `Cuepoints JW Player plugin 20 <#1.5.1.Cuepoints%20JW%20Player%20plugin|outline>`_ **`Known problems 23 <#1.6.Known%20problems|outline>`_** **`To-Do list 24 <#1.7.To-Do%20list|outline>`_** **`ChangeLog 25 <#1.8.ChangeLog|outline>`_** .. _Introduction: Introduction ------------ .. _What-does-it-do: What does it do? ^^^^^^^^^^^^^^^^ - This plugin aims to provide a frontend view for video, audio and image medias stored into the DAM, thus the name media library. HOWEVER so far, the media library part has not been developed (!) because we needed first a good video / MP3 player based on the DAM, something which was not existing for Typo3 yet. - The pae\_media\_library extension currently provides what we consider to be the most advanced media player for Typo3, integrating the now famous JW player in its version 4.6 tightly integrated with the DAM. It is now possible to select and play a FLV video, a youtube video or a MP3 element from the DAM and display it into a page. The extension also allows to load the content of a DAM category into a playlist where items will be selectable within the JW player. - Last but not least, our implementation allows to play streaming media from a remote server while specifying the file meta information inside the DAM. The meta-information is forwarded to the JW player which displays it. - Notice the JW Player is free for non commercial use, but requires paying a licence for commercial use. Read more details at `http://www.longtailvideo.com/players/jw-flv-player/ `_ - The creation of this plugin has been funded by the “Communauté d'Agglomeration du Pays d'Aubagne et de l'Etoile” which is an administrative public group of cities in the south of France. They have been committed with open source and Typo3 for quite some time now. `http://www.agglo-paysdaubagne.com/ `_ .. _Screenshots: Screenshots ^^^^^^^^^^^ JW Player displaying videos loaded from DAM categories. |img-3| General plugin options |img-4| Playlists can be created from various sources : single file, dam category, self assembled playlist, remote XML feed : |img-5| - - We managed to cable ALL JW player options. This is a full implementation. |img-6| .. _Users-manual: Users manual ------------ .. _Inserting-the-plugin-inside-a-web-page: Inserting the plugin inside a web page ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ Currently, only the media player plugin is available. Later, a second plugin named media library is due to be developed. To insert the media player plugin inside a web page, click on the 'create new element' icon : |img-7| Then pick the plugin named 'media player' : |img-8| Then set the basic plugin settings : |img-9| .. _General-Panel: General Panel """"""""""""" **Display mode :** You can choose between several options here : - Single file : pick a single image, video or audio file from the DAM and display it in your page - Playlist from DAM category \* : the player will pick all the items contained in the category and display them as a playlist. - Playlist from DAM records \* : pick a set of DAM records and compose your custom playlist. - Playlist from URL \* : specify a remote XML feed (XSPF, RSS, ASX, Atom) from which medias can be played. **\* Note : you must set the options 'playlist position' and 'playlist size' from the 'JW Player 4.6' panel in order to have the playlist display properly with you player.** **Streaming server base URL :** If you have access to a streaming server and have videos loaded on it, you can have the media player play them from this source. This also requires specifying local dummy files holding the metadata information inside the DAM. See later section “Adding media played from remote streaming server”. Here is a sample working streaming server URL so you can figure the right syntax (notice the lack of trailing slash): rtmp://video2.agglo-paysdaubagne.com/videosource The extension has been successfully tested with Flash media server 2.0. Using the bandwidth management feature of JW player requires at least Flash Media server 3.5. However, bandwidth management is the only feature of JW Player which has not been implemented and tested in our media player plugin due to the lack of a FMS 3.5 server, but it shouldn't require more than a working day to implement if anyone is willing to contribute. .. _JW-Player-4-6-Panel: JW Player 4.6 Panel """"""""""""""""""" .. _Swf-related-options: Swf related options ~~~~~~~~~~~~~~~~~~~ These options specify how the flash media player component should be inserted into the page : **Required flash version** : set a minimum Flash version the client browser should have. If the version requirement is not filled, the web user will be directed to an Adobe page where he will be able to download the latest issue of flash player. **Width :** width of the flash player in the page **Height :** height of the flash player in the page **Player type :** switch between the regular or the viral version of JW Player. The viral version enables forwarding the URL of your media file to your contacts. **Display meta information below player :** displays a HTML block containing the file related meta information extracted from the DAM below the player. This is valid only for single files, as the meta information in the HTML will not update in case of a playlist entry switch. However the DAM meta-information is already imported and displayed in the playlist of JW Player, so this is not a problem. The template of this HTML block can be customized using the plugin.tx\_paemedialibrary\_pi1.templateFile typoscript constant. .. _Player-layout-related-options: Player layout related options ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ controlbar: position of the controlbar. Can be set to *bottom* , *over* and *none* . backcolor: background color of the controlbar and playlist. This is white with the default skin. frontcolor: color of all icons and texts in the controlbar and playlist. lightcolor: color of an icon or text when you rollover it with the mouse. screencolor: background color of the display Video smoothing: This sets the smoothing of videos, so you won't see blocks when a video is upscaled. Set this to *false* to get performance improvements with old computers / big files. Available since 4.4. Video stretching: Defines how to resize images in the display. Can be *none* (no stretching), *exactfit* (disproportionate), *uniform* (stretch with black borders) or *fill* (uniform, but completely fill the display). Show the play button and buffering icon in the middle of the video: set this to *false* to hide the play button and buffering icon in the middle of the video. Location of an external jpg, png or gif image to show in a corner of the display: location of an external jpg, png or gif image which replaces the watermark image (Licensed players only) **Playlist position** : position of the playlist. Can be set to *bottom* , *over* , *right* or *none* . Playlist size: when *below* this refers to the height, when *right* this refers to the width of the playlist. **JW player skin file (.swf)** : location of a `skin file `_ containing the player graphics. You'll find skins on `http://www.longtailvideo.com/ `_ **Automatically start playing** : Automatically start the player on load. **Bandwidth (for bitrate switching)** : Specifies the maximum available bandwidth for the player Buffer length **(** ***seconds*** **)** : Number of seconds of the file that has to be loaded before starting. Set this to a low value to enable instant-start and to a high value to get less mid-stream buffering. **Display click action** : specify what action should be done when the user clicks in the middle of the video. Use dock: set this to *true* to show the dock with large buttons in the top right of the player. **Playlistitem number that should start to play** : `PlaylistItem `_ that should start to play. Use this to start the player with a specific item selected. Links target: Browser frame where link from the display are opened in. Some possibilities are '\_self' (same frame) or '\_blank' (new browser window). Mute **sound on startup** : Mute all sounds on startup. This can be overridden by a user's cookie, which stores the user's last muting state. Repeat: Set to *list* to play the entire playlist once, to *always* to continously play the song/video/playlist and to *single* to continue repeating the selected file in a playlist. Shuffle: Randomly choose which playlist item to play. Volume: Startup volume of the player. Can be 0 to 100. The user's last volume setting is saved in a cookie and overrides this flashvar.Plugins: This is a comma-separated list of swf plugins to load (e.g. *yousearch,viral* ). Each plugin has a unique ID and resides at *plugins.longtailvideo.com* . Go to `the LongTailVideo AddOns section `_ to see all available plugins. **Additional flashvars for plugins :** allows to specify a list of custom flashvars used to configure plugins. You must strictly respect the given syntax (syntax: flashvar1\_name: "flashvar1\_value",flashvar2\_name: "flashvar2\_value", ... ) **JW player debugging :** When developping plugins or debugging, you can select here where you want to direct the debug text output of the player. 'Arthropod' is a Air based application, 'console' outputs to the browser's javascript concole, 'trace' outputs to the flash debugger. **All those settings can be set and forced using typoscript (see the 'configuration' section).** .. _Adding-media-to-the-DAM: Adding media to the DAM ^^^^^^^^^^^^^^^^^^^^^^^ .. _Adding-local-media: Adding local media """""""""""""""""" The media player can display 3 types of medias : - Videos based on the adobe flash format (f4v, flv), Youtube videos - Images (jpg, png, gif) - Audio (mp3, aac) Thus any file of those types that have been added to your server using the DAM should be eligible to insert inside the media player. For managing your files, use the Media > file module that gets installed with the DAM extension. |img-10| If you do not know how to use the DAM to add a file to typo3, please the read the documentation of the DAM extension for extended instructions. For people in a rush, use the 'Media > file' module, select a folder as an upload target, then use the upload icon on the top of the right frame. When a file has been added to the DAM, it is strongly advised to input its meta information. In the 'overview' panel, the following fields are being used by the media player : - Title - Description - Creation date (used as default sorting criteria for category based playlists) - Category |img-11| We also have added a new tab to the media properties named 'Media library' which contains properties specific to our plugin. For a regular local media file, you may want to set the following options : |img-12| **When you are done, save the form, and eventually empty the cache if the file is due to be displayed in a media player already online, such as if the new file is part of an existing DAM category used as a playlist.** .. _Adding-media-played-from-remote-streaming-server: Adding media played from remote streaming server """""""""""""""""""""""""""""""""""""""""""""""" Adding media intended to be played from a remote source is tricky because the DAM is file based and it requires a local file for displaying a meta-information editing form. For that purpose, we are going to create an empty text file which will act as a dummy file. Get into the module Media > File, and hit the 'Create new text file' icon on the top of the right frame : |img-13| Next, give it a filename. You don't need to put any content in it. Then save the file. |img-14| Next click on the pencil icon of your file to edit its meta- information : |img-15| **Then make sure you specify a file type, this is very important** , and set the other basic meta-information : |img-16| Notice the 'Media Library' Tab does not appear in the screenshot above. You have to save the form and the tab will appear for relevant media types, that is audio and video. Then you have to specify the file name of your media on the remote server. You don't need to specify a path if the file is located at the root of the streaming media server URL specified in the media player plugin : |img-17| **Notice you must not melt local medias and remote streaming medias in a same playlist / media category, because when a media server is specified, the JW player looks for all media files on that server and thus will not find local medias.** .. _Adding-a-youtube-video: Adding a youtube video """""""""""""""""""""" Create a dummy video just like explained in the previous section “Adding media played from remote streaming server” Then in the media library tab, specify your options like this : |img-18| Then insert your video like a regular video : |img-19| **The screenshot above is using a single file, but it is also possible to compose playlists of youtube videos. YouTube videos can be melted with local DAM medias in the playlist, but not with remote streaming medias for the reason explained in the previous section.** .. _FAQ: FAQ ^^^ - **I have modified my meta-information, but my changes don't show up in the player :** make sure you have emptied the cache. The media player plugin is using the typo3 caching features. - **Why can I add multiple Local media or Remote media elements when using the advanced file location ?** This is necessary for multiple bitrate files were you can specify different versions of a media file with each file being encoded with a different bitrate/compression level. Then the media player will be able to pick the source matching the bandwidth of the web user. This feature is not yet implemented, but the UI elements are already present in order to ensure not to break compatibility with existing installations when the feature will be made available. .. _Administration: Administration -------------- .. _Access-restrictions: Access restrictions ^^^^^^^^^^^^^^^^^^^ The media player makes use of Typo3's enable fields. **This means you can restrict the access of a given video to a specific user group or specify a start and stop date.** They will be respected and if such settings do disable a video, the video will not appear in the player. .. _FAQ: FAQ ^^^ None yet. .. _Configuration: Configuration ------------- Most media player settings can be adjusted using typoscript. This allows specifying consistant display options all over the website, such as for player colors, without having to set them on each new inserted plugin. All the typoscript settings can be seen in the constant editor and they are all documented here. |img-20| .. _Reference: Reference ^^^^^^^^^ .. ### BEGIN~OF~TABLE ### .. _metaCharset: metaCharset """"""""""" .. container:: table-row Property metaCharset Data type string Description Website charset (used for correct XML playlists generation) Default utf-8 .. _dateFormat: dateFormat """""""""" .. container:: table-row Property dateFormat Data type string Description PHP date format Default d/m/Y .. _templateFile: templateFile """""""""""" .. container:: table-row Property templateFile Data type file[html,htm,tmpl,txt] Description HTML-template file to use for the medialibray. See EXT:pae\_media\_library/res/pae\_media\_library.html for an example Default EXT:pae\_media\_library/res/pae\_media\_library.html .. _cssFile: cssFile """"""" .. container:: table-row Property cssFile Data type file[css] Description css file to use for the medialibrary. See /typo3conf/ext/pae\_media\_library/res/pae\_media\_library.css for an example Default /typo3conf/ext/pae\_media\_library/res/pae\_media\_library.css .. _TSSettingsOverridePluginSettings: TSSettingsOverridePluginSettings """""""""""""""""""""""""""""""" .. container:: table-row Property TSSettingsOverridePluginSettings Data type boolean Description Give priority to TS settings over plugin setting. If enabled, any setting specified in the plugin form will be ignored and the matching TS settings will be used instead. Default 0 .. _flash-version-req: flash\_version\_req """"""""""""""""""" .. container:: table-row Property flash\_version\_req Data type string Description Required flash player version for display Default 9.0115.0 .. _streaming-base-url: streaming\_base\_url """""""""""""""""""" .. container:: table-row Property streaming\_base\_url Data type string Description Specify a streaming server URL for files Default .. _forceAbsoluteURLsInXMLPlaylists: forceAbsoluteURLsInXMLPlaylists """"""""""""""""""""""""""""""" .. container:: table-row Property forceAbsoluteURLsInXMLPlaylists Data type boolean Description Use to publish a playlist as a podcast or RSS feed not intended for JW player playback. If enabled, concatenates relative file names with the value of streaming\_base\_url in XML feeds Default 0 .. _XMLPlaylistTitle: XMLPlaylistTitle """""""""""""""" .. container:: table-row Property XMLPlaylistTitle Data type string Description Playlist title when publishing XML playlists Default Playlist .. _XMLPlaylistDescription: XMLPlaylistDescription """""""""""""""""""""" .. container:: table-row Property XMLPlaylistDescription Data type string Description Playlist description when publishing XML playlists Default This is a list of medias .. _singleMediaPlayerPageUID: singleMediaPlayerPageUID """""""""""""""""""""""" .. container:: table-row Property singleMediaPlayerPageUID Data type int+ Description UID of the page where a medialibrary media player is inserted for playback of medias from XML playlists Default .. ###### END~OF~TABLE ###### [tsref:plugin.tx\_paemedialibrary\_pi1] .. ### BEGIN~OF~TABLE ### .. _playertype: playertype """""""""" .. container:: table-row Property playertype Data type options[regular,viral] Description JW Player type: can be set to 'regular' or 'viral' Default regular .. _show-meta: show\_meta """""""""" .. container:: table-row Property show\_meta Data type options[true,false] Description PHP date format Default true .. _controlbar: controlbar """""""""" .. container:: table-row Property controlbar Data type options[bottom,top,over,none] Description position of the controlbar. Can be set to 'top', 'bottom', 'over' and 'none'. Default bottom .. _width: width """"" .. container:: table-row Property width Data type int+ Description width of the display in pixels. Default 320 .. _height: height """""" .. container:: table-row Property height Data type int+ Description height of the display in pixels. Default 240 .. _icons: icons """"" .. container:: table-row Property icons Data type options[true,false] Description set this to false to hide the play button and buffering icon in the middle of the video. Default true .. _backcolor: backcolor """"""""" .. container:: table-row Property backcolor Data type string Description background color of the controlbar and playlist. This is white with the default skin. Should be specified as hex value, eg : #FF00FF Default .. _frontcolor: frontcolor """""""""" .. container:: table-row Property frontcolor Data type string Description color of all icons and texts in the controlbar and playlist. Should be specified as hex value, eg : #FF00FF Default .. _lightcolor: lightcolor """""""""" .. container:: table-row Property lightcolor Data type string Description color of an icon or text when you rollover it with the mouse. Should be specified as hex value, eg : #FF00FF Default .. _screencolor: screencolor """"""""""" .. container:: table-row Property screencolor Data type string Description background color of the display. Should be specified as hex value, eg : #FF00FF Default .. _smoothing: smoothing """"""""" .. container:: table-row Property smoothing Data type options[true,false] Description sets the smoothing of videos, so you won't see blocks when a video is upscaled. Set this to 'false' to get performance improvements with old computers / big files. Default true .. _stretching: stretching """""""""" .. container:: table-row Property stretching Data type options[fill,uniform,exactfit, none] Description defines how to resize images in the display. Can be 'none' (no stretching), 'exactfit' (disproportionate), 'uniform' (stretch with black borders) or 'fill' (uniform, but completely fill the display). Default fill .. _logo: logo """" .. container:: table-row Property logo Data type file[jpg,png,gif] Description location of an external jpg, png or gif image to show in a corner of the display. With the default skin, this is top-right, but every skin can freely place the logo. Default .. _playlist: playlist """""""" .. container:: table-row Property playlist Data type options[none,bottom,over,right] Description position of the playlist. Can be set to bottom, over, right or none. Default none .. _playlistsize: playlistsize """""""""""" .. container:: table-row Property playlistsize Data type int+ Description when below this refers to the height, when right this refers to the width of the playlist. Default 180 .. _skin: skin """" .. container:: table-row Property skin Data type string Description location of a SWF file with the player graphics. The JW player skinning documentation gives more info on this. Default .. _autostart: autostart """"""""" .. container:: table-row Property autostart Data type options[true,false] Description automatically start the player on load Default false .. _bandwidth: bandwidth """"""""" .. container:: table-row Property bandwidth Data type int+ Description Available bandwidth for streaming the file. Used predominantly for bitrate switching. Set this flashvar if you want to hint the player on the initial bandwidth.Overwritten every 2 seconds whenever a video or http stream is loading or an rtmp stream is playing. Default 5000 .. _bufferlength: bufferlength """""""""""" .. container:: table-row Property bufferlength Data type int+ Description number of seconds of the file that has to be loaded before starting. Set this to a low value to enable instant-start and to a high value to get less mid-stream buffering. Default 1 .. _displayclick: displayclick """""""""""" .. container:: table-row Property displayclick Data type options[play,link,fullscreen,none,mute,next] Description what to do when one clicks the display. Can be play, link, fullscreen, none, mute, next. When set to none, the handcursor is also not shown. Default play .. _dock: dock """" .. container:: table-row Property dock Data type options[true,false] Description set this to true to show the dock with large buttons in the top right of the player. Default false .. _item: item """" .. container:: table-row Property item Data type int+ Description playlistitem that should start to play. Use this to set a specific start-item. Default 0 .. _linktarget: linktarget """""""""" .. container:: table-row Property linktarget Data type options[\_blank,\_self] Description browserframe where link from the display are opened in. Some possibilities are '\_self' (same frame) or '\_blank' (new browserwindow). Default \_blank .. _mute: mute """" .. container:: table-row Property mute Data type options[true,false] Description mute all sounds on startup. Is saved in a cookie. Default false .. _repeat: repeat """""" .. container:: table-row Property repeat Data type options[none,list,always,single] Description set to 'list' to play the entire playlist once, to 'always' to continously play the song/video/playlist and to 'single' to continue repeating the selected file in a playlist. Default none .. _shuffle: shuffle """"""" .. container:: table-row Property shuffle Data type options[true,false] Description shuffle playback of playlist items. Default false .. _volume: volume """""" .. container:: table-row Property volume Data type int+ Description startup volume of the player. Can range from 0 to 100. Is saved in a cookie. Default 90 .. _plugins: plugins """"""" .. container:: table-row Property plugins Data type string Description a powerful new feature, this is a comma-separated list of swf plugins to load (e.g. yousearch,viral). Each plugin has a unique ID and resides at plugins.longtailvideo.com. Go to the LongTailVideo AddOns section to see all available plugins. Default .. _flashvars: flashvars """"""""" .. container:: table-row Property flashvars Data type string Description allows specifying additional flashvars for plugins. Use the folowing syntax: (syntax: flashvar1\_name: "flashvar1\_value",flashvar2\_name: "flashvar2\_value", ...) Default .. _debug: debug """"" .. container:: table-row Property debug Data type options[,arthropod,console,trace] Description set this to either arthropod, console or trace to let the player log events Default .. ###### END~OF~TABLE ###### [tsref:plugin.tx\_paemedialibrary\_pi1.JWPlayer] .. _generated: ((generated)) """"""""""""" .. _Example: Example ~~~~~~~ :: plugin.tx_paemedialibrary_pi1 { metaCharset = utf-8 dateFormat = d/m/Y cssFile = /typo3conf/ext/pae_media_library/res/pae_media_library.css TSSettingsOverridePluginSettings = 1 JWPlayer{ playertype = viral controlbar = top } } .. _Bonus-gift: Bonus gift ! ------------ .. _Cuepoints-JW-Player-plugin: Cuepoints JW Player plugin ^^^^^^^^^^^^^^^^^^^^^^^^^^ For the requirements of the “Communauté d'Agglomeration du Pays d'Aubagne et de l'Etoile”, we have implemented a JW Player plugin that allows to list the cuepoints (chapters) defined in flv/f4v video file. This is especially usefull for long videos as it enables enables jumping directly to a specific point in the video. Cuepoints can be defined at encoding time when using Adobe media encoder / Flash media encoder to convert the video. See the documentation of those products for more information on using cuepoints. In order to use the cuepoints plugin, enable the dock and add the URL `http://www.mind2machine.com/jwplugins/cuepoints-en.swf `_ to the plugins option of you media player (note : you can specify the alternate file cuepoints-fr.swf if you want to get the label for the “Chapters” button in french) : |img-21| Then a “Chapters” button will show up over the video 1) only when the video has started playing 2) only if the video does have cuepoints defined inside : |img-22| Clicking on the button lists the cuepoints available. Then clicking on a cuepoint advances the video playback to the matching timecode : |img-23| .. _Additional-notes-on-the-cuepoints-plugin: Additional notes on the cuepoints plugin """""""""""""""""""""""""""""""""""""""" This plugin is free to use for everybody. The development of this plugin has been funded by the the French public organism "Communauté d'agglomération du Pays d'Aubagne et de l'Etoile" (http://www.agglo-paysdaubagne.com). Parts of the code (cuepoints list + scrolling) are based on the publicly available playlist plugin source code by longtailvideo. Source code is available at http://www.mind2machine.com/jwplugins /cuepoints-source.zip You must add arial.ttf into the cuepoints directory before building, or substitute the typo of your choice (edit the typo settings in file ListButton.as before building the plugin) .. _Known-problems: Known problems -------------- Bandwidth management feature of JW Player is not implemented - Well...ahem...no media library available yet in fact ! - You can always download the latest version of the plugin from the project page on Typo3 Forge : `http://forge.typo3.org/projects/show /extension-pae\_media\_library `_ .. _To-Do-list: To-Do list ---------- - Show preview images in the playlist. - Add XSPF, Atom, ASF XML feeds generation (currently only RSS is generated) - Implement JW Player 5.0 .. _ChangeLog: ChangeLog --------- - Version 0.8.3 : fixed javascript error preventing media player display in IE7 - Version 0.8.2 : added category sorting options for playlists - Version 0.8.1 : initial release. Features media player + documentation 25 .. ######CUTTER_MARK_IMAGES###### .. |img-1| image:: img-1.png .. :align: left .. |img-2| image:: img-2.png .. :border: 0 .. :height: 21 .. :hspace: 9 .. :id: Grafik2 .. :name: Grafik2 .. :width: 87 .. |img-3| image:: img-3.png .. :align: left .. :border: 0 .. :height: 560 .. :id: images1 .. :name: images1 .. :width: 500 .. |img-4| image:: img-4.png .. :align: left .. :border: 0 .. :height: 326 .. :id: images2 .. :name: images2 .. :width: 635 .. |img-5| image:: img-5.png .. :align: left .. :border: 0 .. :height: 326 .. :id: images3 .. :name: images3 .. :width: 635 .. |img-6| image:: img-6.png .. :align: left .. :border: 0 .. :height: 905 .. :id: images4 .. :name: images4 .. :width: 439 .. |img-7| image:: img-7.png .. :align: left .. :border: 0 .. :height: 75 .. :id: images5 .. :name: images5 .. :width: 669 .. |img-8| image:: img-8.png .. :align: left .. :border: 0 .. :height: 259 .. :id: images6 .. :name: images6 .. :width: 461 .. |img-9| image:: img-9.png .. :align: left .. :border: 0 .. :height: 354 .. :id: images7 .. :name: images7 .. :width: 668 .. |img-10| image:: img-10.png .. :align: left .. :border: 0 .. :height: 294 .. :id: images8 .. :name: images8 .. :width: 669 .. |img-11| image:: img-11.png .. :align: left .. :border: 0 .. :height: 747 .. :id: images9 .. :name: images9 .. :width: 384 .. |img-12| image:: img-12.png .. :align: left .. :border: 0 .. :height: 509 .. :id: images10 .. :name: images10 .. :width: 653 .. |img-13| image:: img-13.png .. :align: left .. :border: 0 .. :height: 405 .. :id: images11 .. :name: images11 .. :width: 514 .. |img-14| image:: img-14.png .. :align: left .. :border: 0 .. :height: 188 .. :id: images12 .. :name: images12 .. :width: 348 .. |img-15| image:: img-15.png .. :align: left .. :border: 0 .. :height: 375 .. :id: images13 .. :name: images13 .. :width: 669 .. |img-16| image:: img-16.png .. :align: left .. :border: 0 .. :height: 447 .. :id: images14 .. :name: images14 .. :width: 497 .. |img-17| image:: img-17.png .. :align: left .. :border: 0 .. :height: 697 .. :id: images15 .. :name: images15 .. :width: 661 .. |img-18| image:: img-18.png .. :align: left .. :border: 0 .. :height: 606 .. :id: images20 .. :name: images20 .. :width: 637 .. |img-19| image:: img-19.png .. :align: left .. :border: 0 .. :height: 299 .. :id: images21 .. :name: images21 .. :width: 560 .. |img-20| image:: img-20.png .. :align: left .. :border: 0 .. :height: 548 .. :id: images16 .. :name: images16 .. :width: 669 .. |img-21| image:: img-21.png .. :align: left .. :border: 0 .. :height: 306 .. :id: images17 .. :name: images17 .. :width: 587 .. |img-22| image:: img-22.png .. :align: left .. :border: 0 .. :height: 406 .. :id: images18 .. :name: images18 .. :width: 374 .. |img-23| image:: img-23.png .. :align: left .. :border: 0 .. :height: 378 .. :id: images19 .. :name: images19 .. :width: 377