Currently the player only handles video as the primary media.
Make sure it can sync everything up with an audio media.

Similar to bigbluebutton/bigbluebutton#6179.

Is your feature request related to a problem? Please describe.
Currently the title of playback is "[room name] - [date]". I feel weird that it does not contain the session (or lecture) title.

Describe the solution you'd like
I would like the title of playback be "[session title] - [room name] - [date]" when session title is available (i.e. when the room owner put the title after publishing).

Additional context
Please take a look at the PR I am going to post soon. Let me know if it makes any potential problem.

Currently, users can right-click on the video portion of a recording and download it.

There are various methods to try and prevent the user from accessing this feature

https://www.google.ca/search?q=disable+save+video+as&oq=disable+save+video+as

Need to investigate further whether in modern browsers any of these approaches would work for BigBlueButton's Presentation playback.

So the recording can be played from a specific moment: t={seconds}.

Describe the bug
The whiteboard drawing are not shown, when users drew things, everybody removed it (so nothing shown), and then they started to draw again in one presentation slide.

Additional context
I looked into the problem and found out that in getCurrentDataInterval function, the program defines the range of canvas data by checking if the drawing is active or not. It surveys the data from the beginning, and stops when the first inactive drawing is spotted out after the first active drawing is recognised. Thus, when the users (or room owner) clears up the drawing once, and then restart to draw, the latter drawings would not be played back.
I have implemented a solution and now watching if it works as I intended. I will post it as PR later.

Hi,

we are using your code to playback BBB recordings. We prefer it to default playback. I would like to ask you if you think that external videos can be considered in you develop. I know that you can't record it but I would like to ask you that if we create new events in event.xml file asociated to external videos (for example the video URL, and if the moderator start/stop the video), you think that you could reproduce them. I mean that instead of record external videos, that your bbb-playback reproduce external videos in similar way that in a meeting is done.

Thank you very much.
Regards

Extend buttons to implement both round and square shapes

Chat record event is still missing:

• moderator status
• avatarURL image

When viewing webcams on mobile and searching, we should swap the display back to the presentation to show the results.

Bigger chat messages streches the chat avatar's hover/focus box-shadow style.

• Update background colour to background-color: rgb(243, 246, 249);

• With updating the background colour to use the lighter grey, we’ll need to update the text and stand alone icon colours to use color: rgb(78, 90, 102);

• Update slides button to use the full blue button colour;

• Update the “-” icon to be a left chevron “<” to close the left panel and a right chevron “>” to open the left panel;

• Center the “play button” to be in middle of the browser;

• Add “Public Chat” heading to the chat container and remove the chat icon;

• Hide the search button until the experience is more robust - we believe the current implementation may drive an increase in support tickets;

• Move the swap button to the left hand side in replace of the search button;

Add shared notes data to the playback.

We have en and pt right now and this could easily grow a couple more languages.

Identify the users that are talking.

Still missing feature from the old player.
We could come up with a better alternative image for it.

Would be nice to better occupy the space of the player by not showing elements that were not used in the meeting.
An important thing to do here is inform the user why the elements are not being shown.

There are some extra details that could be informed to the user. Maybe this can be placed at the same area chat is.

There are some temporal data that could use something like a binary search to improve performance.

Display closed captions as a transcribed full text.

When playing records in iOS (Chrome or Safari) and specifying the URL parameter t=0h30m10s the recording starts at 0s and not at 30m10s as specified.

To reproduce open a recording with time specified, for example:

Smartphone:

• Device: iPad
• OS: iOS 14.2
• Browser chrome, safari

• List missing files;

• Check device and media compatibility.

Imported from bigbluebutton/bigbluebutton#3139.

Currently the player uses the default browser language to set the locale.
Would be nice to be able to have more options. Maybe inside the player or with an URL parameter.

In recordings processed with newer versions of the presentation processing script, polls don't render in bbb-playback.

The reason is related to the code at

An old recording (2.2) has polls that look like this:

    <g xmlns="http://www.w3.org/2000/svg" id="image1-draw1" class="shape" timestamp="10.8" undo="-1" shape="image1-poll1" style="visibility:hidden">
      <rect x="1058.0" y="782.12" width="540.0" height="115.88" fill="white" stroke="black" stroke-width="4"/>
      <image height="544.0" width="119.88" x="1600" y="780.12" transform="rotate(90, 1600, 780.12)" xlink:href="presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1601651923237/poll_result1.svg" xmlns:xlink="http://www.w3.org/1999/xlink"/>
    </g>

but newer recordings (2.3) instead have polls that look like this:

    <g xmlns="http://www.w3.org/2000/svg" id="image1-draw1" class="shape" timestamp="11.3" undo="-1" shape="image1-poll1" style="visibility:hidden">
      <image width="544.0" height="179.82" x="1056.0" y="720.18" xlink:href="presentation/d2d9a672040fbde2a47a10bf6c37b6a4b5ae187f-1601640367716/poll_result1.svg" xmlns:xlink="http://www.w3.org/1999/xlink"/>
    </g>

The newer scripts render the poll using a helper tool that generates an opaque image with the correct rotation, so the extra <rect> and the transform on the <image> are no longer needed. But since the pattern doesn't match in the code, the bbb-playback format ignores the poll.

To be honest, why does bbb-playback need to know what type a shape is? Shouldn't it just be displaying them as-is? It would be a lot easier to handle new shapes if they only had to be added to the processing script and then they'd show up in the playback automatically.

Describe the bug
The slide is almost invisible when place the Android smartphone in the landscape position.

To Reproduce
Start the 2.3 playback in Android smartphone, then rotate the phone 90 degree.

Expected behavior
The slide should be displayed much larger by default, although the user can expand the screen later by pinching in.

Screenshots

Desktop (please complete the following information):
Desktop is fine.

Smartphone (please complete the following information):

• Device: Huawei P10lite
• OS: Android
• Browser Chrome, Firefox

Additional context
iPhone not tested.

Thumbnails aren't getting the correct horizontal scroll when page direction is switched. I believe this will affect RTL locales

Describe the bug
If you switch to another tab while playback is playing, when you open playback tab again the video is behind audio.

To Reproduce
Steps to reproduce the behavior:

1. Go to a playback with audio and video
2. Click play
3. Open another tab in browser, wait a little
4. Go back to playback tab

Expected behavior
The audio and video should stay in sync.

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version 84

Additional context
In firefox the video gets "stuck" for a while but resumes to play in sync

Looks like recordings may miss the presentation data (slides, thumbnails, alternates...). The playback must still be able to play the primary media file and sync the existing data.

Imported from bigbluebutton/bigbluebutton#8275.

Big names are pushing the chat style out of it's outermost container and some of the message text gets hidden.

Is your feature request related to a problem? Please describe.
Students with narrow band may want to watch the record without the presenter's video, but only with his/her voice.

Describe the solution you'd like
What about having a "video-less playback button", which can toggle the presenter's video. Audio must not be off anyway.

Additional context

1. I am not sure if the video-less playback can reduce the bandwidth efficiently.
2. We may want BBB, when publishing, to prepare another webm file in which a video track is removed, using ffmpeg. Then the playback component chooses the file depending on the state of "video-less playback button".
3. In the HTML5 client this function has already been implemented by changing the setting (in the data saving panel). Wouldn't it be better to do the same in the playback?

Improve localization

Looks like this could be improved by comparisons made with the old playback.

Move fullscreen and swap button to video.js control bar.

Check for a react-intl fix for hourCycle.

Second iteration of the new design proposal.

Most of the recording data could be downloaded somehow for offline access.

Is your feature request related to a problem? Please describe.
With the playback 2.0 using popcorn.js, the user can skip the playback by one second back and forward pushing the keyboard arrow button. Keep pushing the arrow button leads to the fast forwarding the playback. The new playback 2.3 does not seem to have implemented this function.

Describe the solution you'd like
I would love to have the same function. The students often want to go back or forward by relatively short time (like 5 seconds), to listen back what the teachers say or skip the stupid troubles in the teacher's side.

Alternative
Having buttons like [-5s] [5s] in the controler.

Additional context
Congratulations @pedrobmarin for the nice playback interface. I really like it!

I'm not sure what would be the minimum to make the player accessible.

Would be nice to have a little description on what buttons do.

The player could have global shortcuts to some of the button actions:

• presentation/video swap;
• side panel hide/show;
• video skip;
• go to next/previous slide;
• got to next/previous chat message.

Is your feature request related to a problem? Please describe.
This is not really a problem, but I feel a bit frustrated with the small sized slide shown in the smartphone screen.

Describe the solution you'd like
Currently the slide panel and chat panel are equally distributed in size. Usually students want to see the slide more than the chat (at least teachers want them to do so;-). Wouldn't it be better to maximize the slide panel and squeeze the chat panel (which can be scrolled anyway) in the rest of the screen?

Describe alternatives you've considered
An easy trick is for instance
to modify line 28 of src/components/index.scss as
grid-template-rows: $navigation-bar-height 3fr 2fr $action-bar-height

Update mouse cursor to point when hovering over the video when it’s in the swapped stay to indicate to the user that the video can be pressed.

Embed external videos.

Add emoji reactions to the playback.

Currently if we play the recordings on HD, Full HD and 4K screen the ratio of the components are not maintained. As example the left bar with camera and chat is smaller in 4K screens, it should have the same width ratio as HD and so on.