Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add Block: Playlist #805

Open
jasmussen opened this issue May 16, 2017 · 55 comments
Open

Add Block: Playlist #805

jasmussen opened this issue May 16, 2017 · 55 comments

Comments

@jasmussen
Copy link
Contributor

@jasmussen jasmussen commented May 16, 2017

Splitting this out from #283. See also #804.

Attributes

  • None, Left, Right, Center, Full Width.
  • Caption

States

Placeholder:

playlist placeholder

Neutral:

playlist neutral

Selected:

playlist selected

@karmatosed
Copy link
Member

@karmatosed karmatosed commented Aug 2, 2017

Is the idea this is both video and audio? To make sure we have the same as existing editor we would need to have both video and audio playlists.

@StaggerLeee
Copy link

@StaggerLeee StaggerLeee commented Aug 3, 2017

I never liked how it force itself to use 100% article content width. And it is most used case an User will put it in the Post.

Playlist is perfect for sidebars, widgets. And maybe some list of podcasts in Posts. Not even then it looks nice enlarged to 100% width.

Playlist could use a bit of new philosophy and rewrite of code. I mean not necessary prevent 100% width, nothing wrong with it. But rearange things, elements, to make it more modern and fitting.

I dont know, bigger thumbnail at the left of song, not at top.
Some new elements, etc... Not necessary any element anyone so desperately needs. But just to make it appear better when say it is 700px width in the Post. (Or worst, today modern websites without sidebars, and imagine Playlist 1000px - 1200px wide)

@StaggerLeee
Copy link

@StaggerLeee StaggerLeee commented Aug 3, 2017

Here is how it looks compared to SoundCloud widgets. They use nothing extraordinary and revolutionary. Just different appearance and clever arrangements.

@karmatosed karmatosed added this to the Beta 0.8.0 milestone Aug 3, 2017
@mtias mtias modified the milestones: Beta 0.9.0, Beta 0.8.0 Aug 10, 2017
@mtias mtias modified the milestones: 0.10.0, Beta 0.9.0 Aug 18, 2017
@karmatosed karmatosed modified the milestones: 0.11.0, 0.10.0, Beta 1.2, Beta 1.1 Aug 24, 2017
@mtias mtias modified the milestones: Beta 1.2, Beta 1.1 Sep 4, 2017
@youknowriad
Copy link
Contributor

@youknowriad youknowriad commented Sep 6, 2017

Some technical issues here:

  • How to get the duration of an audio file (without some heavy JavaSript)
  • we also need to load JavaScript to the frontend to be able to switch the played track (something we didn't do yet IIRC)
@mtias mtias modified the milestone: Beta 1.2 Sep 6, 2017
@mtias mtias added this to the Beta, Needs to happen milestone Sep 6, 2017
@afercia
Copy link
Contributor

@afercia afercia commented Jun 8, 2019

Just noting that, whether a Playlist block will ever be implemented or not, the current experience is not great. Similarly to #13852, playlist shortcodes work in the Classic Block but then, when transformed to blocks, all users can see is the following 😞

Audio playlist:

Screenshot 2019-06-08 at 14 19 42

Video playlist:

Screenshot 2019-06-08 at 14 36 02

@qantumthemes
Copy link

@qantumthemes qantumthemes commented Jun 8, 2019

Completely agree, the issue for customers induced us to force the classic editor, after 6 months still they weren't able to bring this old shortcode to gutenberg, while after so many months of use I can totally agree the new editor has more downsides than advantages.

@ralphonz
Copy link

@ralphonz ralphonz commented Jul 19, 2019

So are we getting a playlist or not? Really hate this gutenberg stuff. I don't see why it had to change so soon before it was ready to have the same features as the classic editor.

@X-Raym
Copy link

@X-Raym X-Raym commented Sep 28, 2019

+1 for audio playlist !

@1000camels
Copy link

@1000camels 1000camels commented Oct 2, 2019

I have been following this discussion for a while. A few months ago, I decided to try to build an alternative approach to the playlist. To begin with, I do not think the playlist is very attractive. As well, it requires too much manual maintenance of the media in the playlist and doesn't address external media. So I developed a plugin, which has a Gutenberg block for it. It is called Audio Envelope (https://aporia.info/wp/audio-envelope/), and it is in the plugin directory. Aside from looking for feedback on this, I am curious whether you all think my approach to building separate audio blocks and then pulling them together under one player/playlist works for you. For me, it matches better with the WordPress approach to reusing Posts in Archives model. It also works with HTML5 Audio, which the MediaElement playlist does not.

@kathrynwp
Copy link

@kathrynwp kathrynwp commented Oct 29, 2019

Another request for an audio playlist from a WordPress.com user.

@kiwipaulrob
Copy link

@kiwipaulrob kiwipaulrob commented Nov 7, 2019

Any update on audio playlists in Gutenberg?

@b-shchuko
Copy link

@b-shchuko b-shchuko commented Nov 25, 2019

I haven't tried this code but I want to raise an existing problem with the existing native WP playlist.
The problem is that it doesn't work with W3 Total Cache CDN. The URLs are not rewritten in the native playlist, although they are rewritten if you use a single-track native WP player.
I hope you'll fix this issue in this new block (and, implicitly, hope you release it someday).

@qantumthemes
Copy link

@qantumthemes qantumthemes commented Nov 26, 2019

I haven't tried this code but I want to raise an existing problem with the existing native WP playlist.
The problem is that it doesn't work with W3 Total Cache CDN. The URLs are not rewritten in the native playlist, although they are rewritten if you use a single-track native WP player.
I hope you'll fix this issue in this new block (and, implicitly, hope you release it someday).

It looks like they don't really give a damn about the whole playlist support. I'll be rising the question personally to Automattic at the next WordPress conference.

@bricedupuy
Copy link

@bricedupuy bricedupuy commented Feb 27, 2020

Still waiting

@noisysocks
Copy link
Member

@noisysocks noisysocks commented Nov 24, 2020

@noisysocks noisysocks modified the milestones: WordPress 5.x, Future Nov 24, 2020
@celloexpressions
Copy link

@celloexpressions celloexpressions commented Nov 28, 2020

It's disappointing for feature parity to still be missing here. The best option currently is to add a playlist via a classic block (and its embedded media library). Or, to use only the classic editor for sites and post types that rely heavily on audio.

As with the numerous other features that blocks now enable, it isn't appropriate to deprecate this feature in core at this point. It still works via the classic editor and has been used used in years worth of published content. Removing it breaks workflows and it can't be completely removed from core because it's used in existing content. That approach would require a much larger conversation. In the meantime it would be great to enable this workflow in the block editor so that these sites have a viable option of switching editors.

@paaljoachim
Copy link
Contributor

@paaljoachim paaljoachim commented Dec 19, 2020

I brought up this issue during the Core Editor chat.
(Link to the slack thread.)
https://wordpress.slack.com/archives/C02QB2JS7/p1608128880090100

@youknowriad mentioned:
"I believe we decided to not include blocks relying on media element in Gutenberg Core. so may want to just close this one."

I mentioned: "I believe the issue mentions feature parity with the older classic editor."

@maddisondesigns
Copy link

@maddisondesigns maddisondesigns commented Feb 2, 2021

A Playlist function is definitely needed. Gutenberg was supposed to provide, at the bare minimum, the same functionality that the Classic Editor provided. Two plus years down the track and it's still falling short of this.

@paaljoachim
Copy link
Contributor

@paaljoachim paaljoachim commented Feb 2, 2021

I am wondering if we need to first off improve the current Audio block with among other focuses being able to use inner/child blocks as part of a Play list. Similar to Image blocks that are a part of the Image Gallery block being worked on. #25940

@gwwar
Copy link
Contributor

@gwwar gwwar commented Feb 4, 2021

This was discussed in the Feb 3, 2021 core-editor chat (https://wordpress.slack.com/archives/C02QB2JS7/p1612363563122800):

This issue is still a low priority for being implemented by the team, but the project welcomes contributions if someone has a passion for driving this issue forward. For next steps: one way to experiment, might be to start with a plugin. Note that the mock ups and approach in the summary need rethinking and updating. It may also help to close this issue and create a fresh one for clarity.

@maddisondesigns
Copy link

@maddisondesigns maddisondesigns commented Feb 5, 2021

@gwwar Closing this issue and creating a new one will simply put it back even further in the queue. At least by keeping it open you can see how long people have been waiting for this functionality. It's disappointing that feature parity with the Classic Editor isn't being made a priority before new features are implemented. People are using this functionality today, so it's sad to see that there's little priority in making their transition to Gutenberg a lot easier. Users shouldn't have to find a plugin to replace functionality that has been in the Classic Editor for years, and for functionality that users were promised that would exist in the new editor. Not only is that a really bad suggestion, but you'd be forcing people to re-edit all their past content so as to make it work with any plugin they decided to use.

@ralphonz
Copy link

@ralphonz ralphonz commented Feb 5, 2021

I agree with @maddisondesigns on this. The existing playlist functionality is vital part of existing music and podcast websites. New Gutenberg implementation of the playlist feature needs to be backwards compatible with existing content as much as possible. Currently, the only other options (other than 3rd party plugins) are to embed spotify or soundcloud playlists which both take users away from the site.

@kiwipaulrob
Copy link

@kiwipaulrob kiwipaulrob commented Feb 5, 2021

@paaljoachim
Copy link
Contributor

@paaljoachim paaljoachim commented Feb 6, 2021

There are so many projects going on in Gutenberg. Adding a Playlist block is pretty low on that list.
At the moment the best method to get this into Gutenberg is dig up a developer with the skills and the want to add a Playlist block into Gutenberg. It might need to start out as a Playlist plugin and then gradually get added to the Gutenberg plugin.

In the mean time use this method to add a Playlist into Gutenberg.

  1. Drag the audio files to the media library.
  2. Go to the page/post you want a Playlist.
  3. Insert the Classic block.
  4. Click the Add Media icon. (first row left of the Toolbar Toggle icon.)
  5. The Add Media modal popups up.
  6. On the left side click Create audio playlist.
  7. Select the audio files you want to add into a playlist.
  8. Bottom right. Click the Create a new playlist button.
  9. Reorder the tracks and adjust the name if you choose. Then click Insert audio playlist.
  10. Notice the Playlist in the classic block.
Add-playlist-Classic-block.mp4
@kiwipaulrob
Copy link

@kiwipaulrob kiwipaulrob commented Feb 16, 2021

Thanks for the playlist summary. This used to be a feature of Wordpress but as I recall, it was not working for a while. Good to see it back!

@JoshuaGoode
Copy link

@JoshuaGoode JoshuaGoode commented Mar 15, 2021

We've been encountering use cases on WordPress.com where a block that utilizes the old playlist shortcode system would be very helpful. Especially since some themes make heavy use of the shortcodes and it is very difficult for new users to get the shortcodes they need.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
Blocks
Playlist
Blocks
Backlog
Linked pull requests

Successfully merging a pull request may close this issue.

None yet