polimediaupv / paella

Paella standalone html 5 multistream player

About Paella Player 6.x

Paella Player 7 has been rewritten from scratch using more current tools, to support technologies such as React or Svelte. For this reason, the development of Paella Player 6.x has been discontinued. No further updates of new features will be made. For the time being, updates of third-party dependency libraries and resolution of particularly serious bugs will continue, but it is recommended to migrate to version 7 as soon as possible.

• More information about Paella Player 7
• Main Paella Player 7 github repository

Paella Player 7 repositories

Paella Player version 7 has been developed following a different approach. The new player is divided into a base library (paella-core) and several plugin libraries developed by the Polytechnic University of Valencia (UPV) and other institutions. The main repository of Paella Player 7 is assembled from the libraries developed by the UPV. You can compile it to use it in your website, or to start from a code base to develop your own player.

You can consult the official documentation in the paella-core github repository

Build and Install Paella Player 6

To build Paella, run:

% npm install
% npm run build
% npm run serve

You can get more information about Paella and its development in the documentation.

paella's Issues

paella:timeupdate event is emited even when the video is paused

paella:timeupdate event is emited even when the video is paused

The playButtonOnScreen intercepts mouse clicks for videoOverlayButtonPlugins

When I try change the viewing mode or the extended profile the paused video starts playing. This happens in the current matterhorn-paella subproject build.

Video dissapears

Video dissapears when when change from full screen mode to extended view mode.

EDITOR: A vertical scroll bar appears in the window of timming tools.

Change hover-over information from "FullScreen" to “Fullscreen”

The "Slide" tool should not appear in the list of available tools.

Echo in dual-stream video played with the flash component

I configured the player to only use the audio stream from the first video in the configuration file:

     "stream0Audio":true,
     "stream1Audio":false

But when the dual-stream videos are played with a flash component, both audio stream are audible creating an echo.

In Ubuntu 14.04/Chromium 39, the video doesn’t start after click on the player.

The slide previews in timeline display 4:3 video slides in 16:9 format

The params for paella:resize events are not generated correctly

The height value is allways 0

Change the OSX/Firefox error message

Change the OSX/Firefox error message to show it in Firefox 34, and should say that Firefox 35 will solve the cache problem!

Zoom plugin's getName() returns name with capital "Z", should be small "z"

In the ZoomPlugin zp.js, the getName() doesn't match the the plugin directory name like it does on other plugins.

[...]
getName:function() {
return "es.upv.paella.ZoomPlugin"; <--- should be "es.upv.paella.zoomPlugin"?
}

Firefox Windows: play at specific initial time delay

In Firefox for Windows, the loadMetadata event and/or the readyState=4 are delayed for 10-15 seconds. Paella uses this event to seek to a specific time, and for that reason, if you try to play a video from a specific time using the time URL parameter, or if you change the video quality, the seek event may be delayed.

This issue affects only to the Windows version of Firefox. Tested in Firefox 33.

webm is chosen preferentially over all other sources

because of the "if stack" here: https://github.com/polimediaupv/paella/blob/master/src/04_video_container.js#L781..L791 if you have multiple h.264 video sources and a webm video source, the webm video source is always chosen. I had a case where we had multiple h.264 streams of different resolutions with a webm fallback and the webm video was always chosen on chrome - not great.

I was going to take a stab at refactoring this, but it seems like we may want to discuss the logic a little. Thoughts? Maybe we'd query the browsers for their capabilities first and then resolve the best choice based on what we figured out?

Multiresolution playback: previous streams continue loading after switching resolutions

If you start a multiresolution video in one resolution and switch to another resolution (either manually or by resizing the browser window), the previous stream does not stop loading. This means you're loading possibly 4 streams but only displaying two.

You can see this in the chrome inspector here:

http://paellaplayer.upv.es/demo/player_400b/index.html?id=belmar-multiresolution

I can also send a URL to a very large multistream configuration too, privately, if you need bigger videos to see the effect. It's pretty obvious in the chrome inspect network tab, though.

The video are squishes to an 4:3 format when using flash

The format ratio from the video is not set correctly if flash is used as video container.

Add dist directory with the built version of the code.

Helpful to use with bower

Like:

• https://github.com/twbs/bootstrap/tree/v3.3.1/dist
• https://github.com/jquery/jquery/tree/2.1.3/dist
• https://github.com/angular/bower-angular

The resolution list in the multiquality plugin is not sorted.

The resolution list in the multiquality plugin is not sorted. It should be sorted.

Menu "publish" should not appear in the matterhorn version.

The player does not show the "play" button when you return from the editor.

Remove consolidate plugin

Consolidate plugin must be deleted.

The playButtonOnScreen doesn't size correctly on start up

The playButtonOnScreen sizes itself to the tiny container before the container is resized. The play button on screen remains tiny until the window is manually resized.

When switching between resolutions for a short time the preview picture of the video is visible.

When switching between resolutions for a short time the preview picture of the video is visible.

¿Maybe the preview picture doesn't need to be loaded when switching resolutions? ¿Show a loading image instead?

Default Profile Fallback if cookied profile is not valid

Hi, this is a problem we introduced when we added new player view profiles and then changed the profile name. The old profile name in the cookie no longer mapped to a valid profile from profile.json.

I will submit a pull for a fix to fallback to the defaultProfile if the profile in the cookie no longer maps to a valid profile. For the benefit of other sites that play around with the default profile names :)

Volume Control bugs when the video reloads

If you go fullscreen or you change the video resolution, you lose the volume set up.

Possible to disable and/or configure the controls autohide behavior?

We're interested in disabling the control bar autohide behavior but it's not entirely obvious to me if this can be done via configuration. If not, would you be interested in accepting this feature into the core? It seems like this'd need to be done in the core player.

FlashVideo pauses on first "progress" event. Paella 4.0.0-beta, src/03_video_nodes.js

Hi All,

In Paella 4.0.0.-beta, Upon loading a flash video (RTMP link), and clicking the big play button on screen, something (possibly the swf) starts the player and launches a "progress" event which is caught by the paella.FlashVideo. Unfortunately, the "_isReady" has not been set to "true".

Therefore, the paella.FlashVideo.processEvent() executes the callReadyEvent() that triggers a paella.events.singleVideoReady event.

The singleVideoReady event is bound to the paella.VideoContainer.onVideoLoaded() method which sets a timeout to pause the video. Both videos are paused by the javascript after momentarily playing.

Clicking the pause & play button on the now revealed lower menu bar gets the videos playing again.

• Karen

Only reload video streams when they actually change.

Say you have multiple video resolutions: if you switch between fullscreen and non-fullscreen, the video should only be reloaded only if the player actually chose a different resolution. If we calculated that the running video stream was appropriate for the viewport, then it should keep playing without interruption.

As it is now, the video is reloaded always in this transition, even if you have only a single resolution available. This causes the stream to reload (it jumps to the correct position after the reload, at least) and makes the player feel choppy and/or slower than it is.

The tools disappear when zooming.

Steps to reproduce:

• Enter in editor.
• Change the zoom to 5000%.
• Go to the end of the video.
• Change the zoom to 100%

paella:endvideo event is emited more than one time

This event should be emited only once

Time is not retained when switching resolutions

To replicate:

1. Visit: http://paellaplayer.upv.es/demo/player/index.html?id=belmar-multiresolution
2. Let the video play for a while and/or jump around
3. Switch resolution via the toolbar resolution switcher or by resizing your browser signficantly.
4. The video starts over from the beginning.

I am happy to take a look at fixing this. Will there be significant differences between behavior for progressive mp4 versus rtmp streams?

Center play symbol

Center play symbol

The play symbol is not always centered.

The play symbol is not always centered.
Sometimes it appears in the upper area and not centered.

Show the vertical resolution in the "change video quality plugin"

In the icon “Change video quality” a number is viewed (e.g. 480p), but in the selection pop up the resolution is viewed (e.g. 640x480).

This should be configurable. Add a plugin config value.

Change hover-over information for fullscreen symbol to "Exit Fullscreen" when in fullscreen

Display all slides along the width of the player with magnification effect

Display all slides along the width of the player with magnification effect.

See http://www.multimedia.ethz.ch/speakers/lecture

Play Symbol Bug

From Markus Ruepp

I recognized a Bug in connection with autoplay: If you invoke the page with the parameter autoplay=true the video will start perfectly, but the Play symbol overlay is still visible.

Breaks plugin must be a MainTrackPlugin

Breaks plugin must be a MainTrackPlugin

The editor button loads the editor in a new window

The editor button loads the editor in a new window/tab and not in the same.

Fix issues when trying to change from embed to fullscreen in IE11

Now, paella opens a new window when going from embed to fullscreen in IE11. Change it to work with the fullscreen API.

Subtitles in extended view

Subtitles are displayed behind the navigation bar.

Social plugin, Embed option, clicking on the embed options doesn't do anything (FireFox)

Social.js throws an event.toElement not recognized error in FireFox.

A possible solution (although it gives error if event.target & event.toElement are not event methods)
change
e.onclick=function(event){
var value = event.toElement.value;
to
e.onclick=function(event){
var value = event.target? event.target.value: event.toElement.value;

Download plugin in the Editor

Copy the download plugin to the editor.

Retrieve Paella version that is running

I noticed, that there is no explicit comment about the build id/revision/version in the code. So I'd like to suggest a feature to retrieve the version or at least a comment in the header.

In Ubuntu 14.04/Chromium 39, slides preview on the timeline doesn’t work.

Is it Ok to add the heartBeatTime as a value in the config file?

Hi, I could not find a default heartBeatTime in the Paella config for use with the user tracking collection. Is it Ok to just add that param and value to the config file if we need it to send HEARTBEATs? Thank you, Karen

Image Preview Bug

When I'm trying to see the last image preview on the "playbackBar", its bugged and it showed the first one, instead the last slide preview.

Setting stream1Audio to "false" is not working

It seams that only stream0Audio can be set to false and not stream1Audio.
Setting that to false seems to have no impact on playback

Subtitles window is not enough at times

When the sentence is too long, the text is cut off.

Videos are cropped in the video container

The videos are cropped in the video container (see the image below). A window resize allows to recenter the videos. It occurs with single and dual stream videos.