Gutenberg: music player

Created on 18 Aug 2018  路  4Comments  路  Source: WordPress/gutenberg

Previous WordPress Editor The audio player has a dedicated template, but in this new editor, when we add an audio file, the browser uses the audio player to play the file, this is a very bad case.
translate by google

[Block] Audio [Feature] Blocks [Feature] Media [Type] Enhancement

Most helpful comment

For visual reference:

The Classic editor relied on the [audio] shortcode. This shortcode triggers a custom audio player that appears consistently across all browsers:

shortcode

Gutenberg instead relies on the standard <audio> HTML tag to embed audio. Each browser displays this a little differently, and Chrome does indeed include a "Download" link in an associated menu (behind the vertical ellipsis):

_Chrome_
screen shot 2018-08-20 at 11 25 09 am

_Firefox_
screen shot 2018-08-20 at 11 13 58 am

_Safari_
screen shot 2018-08-20 at 11 10 18 am


Also worth noting while we discuss: the old [audio] shortcode is still available for use via the shortcode block:

screen shot 2018-08-20 at 11 27 06 am

All 4 comments

Hi,
The biggest problem is the player of google chrome which offers the download (sic).

The musicians are delighted :)
Regards , Fabian

For visual reference:

The Classic editor relied on the [audio] shortcode. This shortcode triggers a custom audio player that appears consistently across all browsers:

shortcode

Gutenberg instead relies on the standard <audio> HTML tag to embed audio. Each browser displays this a little differently, and Chrome does indeed include a "Download" link in an associated menu (behind the vertical ellipsis):

_Chrome_
screen shot 2018-08-20 at 11 25 09 am

_Firefox_
screen shot 2018-08-20 at 11 13 58 am

_Safari_
screen shot 2018-08-20 at 11 10 18 am


Also worth noting while we discuss: the old [audio] shortcode is still available for use via the shortcode block:

screen shot 2018-08-20 at 11 27 06 am

An idea for a more modern audio player :
(and with a playlist: Cover on the right and name of the tracks on the left)

player

Optional cover & link, customizable color of the "play" arrow ...

I will associate this issue with the Playlist issue: https://github.com/WordPress/gutenberg/issues/805

Was this page helpful?
0 / 5 - 0 ratings