robcruiz

This is a single block plugin that adds an audio player web component block to the Gutenberg editor. 
This audio player renders the waveform of the audio when loaded and allows the user to move the playhead, play, and pause audio. 
The block also shows the total duration of the audio and the current elapsed play time. 
The current version of the block contains only 2 themes (dark and light), but may be expanded in the future. 
Audio for the player is stored in WordPress as media.
<a href="https://github.com/robruiz/WSAudioPlayer" rel="nofollow ugc">View the wavesurfer web component on Github >></a>
<h3>Plugin Contents</h3>
<ol>
<li>Gutenberg “block” that adds an audio player web component to a page</li>
</ol>

Wavesurfer Audio Player block

A plugin that adds the Wavesurfer Audio Player Web Component to WordPress

DotCamp

Imtiaz Rayhan

Istiak Rayhan

WP Coupons and Deals

Ultimate Blocks

WP Table Builder

WPLeaders

erdembircan

Alexis Pandaan

<a href="https://ultimateblocks.com/pricing/" rel="nofollow ugc">Get Pro</a> | <a href="https://ultimateblocks.com/docs/" rel="nofollow ugc">Documentation</a>
Ultimate Blocks is a free powerhouse for bloggers and content marketers using WordPress. It’s not just a plugin, it’s a toolkit to skyrocket user engagement and simplify content creation.
With Ultimate Blocks, you’re not just adding functionalities; you’re crafting experiences.
From interactive content filters, captivating call-to-actions, to social sharing made effortless, every block is a step towards a more engaging and visually appealing website.
It’s about making every visit count, every interaction memorable, and every content piece a breeze to create and manage.
Transform your WordPress journey; let Ultimate Blocks be the catalyst for your website’s success.
Ultimate Blocks currently includes the following blocks:
<ul>
<li>Coupon (Available in Pro) – <a href="https://ultimateblocks.com/coupon-block/" rel="nofollow ugc">View Demo</a></li>
<li>Timeline (Available in Pro) – <a href="https://ultimateblocks.com/timeline-block" rel="nofollow ugc">View Demo</a></li>
<li>Content Filter – <a href="https://ultimateblocks.com/content-filter-block/" rel="nofollow ugc">View Demo</a></li>
<li>Review (Schema Markup Enabled) – <a href="https://ultimateblocks.com/schema-review-block/" rel="nofollow ugc">View Demo</a></li>
<li>HowTo Schema – <a href="https://ultimateblocks.com/howto-schema-block/" rel="nofollow ugc">View Demo</a></li>
<li>Table of Contents – <a href="https://ultimateblocks.com/table-of-contents-block/" rel="nofollow ugc">View Demo</a></li>
<li>Tabbed Content – <a href="https://ultimateblocks.com/tabbed-content-block/" rel="nofollow ugc">View Demo</a></li>
<li>Call to Action – <a href="https://ultimateblocks.com/call-to-action-block/" rel="nofollow ugc">View Demo</a></li>
<li>Content Toggle (Accordion) – <a href="https://ultimateblocks.com/content-toggle-accordion-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled Box – <a href="https://ultimateblocks.com/styled-box-block/" rel="nofollow ugc">View Demo</a></li>
<li>Styled List – <a href="https://ultimateblocks.com/styled-list-block/" rel="nofollow ugc">View Demo</a></li>
<li>Expand – <a href="https://ultimateblocks.com/expand-block/" rel="nofollow ugc">View Demo</a></li>
<li>Testimonial – <a href="https://ultimateblocks.com/testimonial-block/" rel="nofollow ugc">View Demo</a></li>
<li>Click to Tweet – <a href="https://ultimateblocks.com/click-to-tweet-block/" rel="nofollow ugc">View Demo</a></li>
<li>Social Share – <a href="https://ultimateblocks.com/social-share-block/" rel="nofollow ugc">View Demo</a></li>
<li>Countdown – <a href="https://ultimateblocks.com/countdown-block/" rel="nofollow ugc">View Demo</a></li>
<li>Progress Bar – <a href="https://ultimateblocks.com/progress-bar-block/" rel="nofollow ugc">View Demo</a></li>
<li>Post Grid – <a href="https://ultimateblocks.com/post-grid-block/" rel="nofollow ugc">View Demo</a></li>
<li>Star Rating – <a href="https://ultimateblocks.com/star-rating-block/" rel="nofollow ugc">View Demo</a></li>
<li>Image Slider – <a href="https://ultimateblocks.com/image-slider-block/" rel="nofollow ugc">View Demo</a></li>
<li>Button (Improved) – <a href="https://ultimateblocks.com/improved-button-block/" rel="nofollow ugc">View Demo</a></li>
<li>Divider – <a href="https://ultimateblocks.com/divider-block/" rel="nofollow ugc">View Demo</a></li>
</ul>
We have more exciting blocks in the making. Have a suggestion? <a href="https://ultimateblocks.com/contact/" rel="nofollow ugc">Let us know</a>.
<h3>Join Us To Get Updates and Resources</h3>
<ul>
<li><a href="https://ultimateblocks.com?utm_medium=wp.org&utm_source=wordpressorg&utm_campaign=readme&utm_content=ultimateblocks" rel="nofollow ugc">Visit Ultimate Blocks Website</a></li>
<li><a href="http://twitter.com/Ultimate_Blocks" rel="nofollow ugc">Follow Us on Twitter</a></li>
<li><a href="https://ultimateblocks.com/community/" rel="nofollow ugc">Join Our Support Community</a></li>
<li><a href="https://www.facebook.com/groups/ultimateblocks/" rel="nofollow ugc">Join Our Facebook Group</a></li>
</ul>
<h3>More Info About the Blocks</h3>
Content Filter 
Content Filter lets your visitors filter the content based on different filters. You can let your users go through your content more easily.
Review Block 
Add a review block with product name, features, summary, button and star rating. It is Schema Markup enabled.
HowTo Schema Block 
Add HowTo Schema with sections, steps and valid schema data.
Table of Contents Block 
Generate a table of contents from your headings.
Tabbed Content Block 
Add content in tabs in your posts/pages. This comes with a nice drag and drop feature to sort the tabs.
Call to Action Block 
Add a nice call to action box with a button. Encourage users to take action, engage more. You can customize everything in the block.
Content Toggle 
Add contents in accordions. Let visitors expand them and show the content.
Styled Box Block 
Add styled box like – Notification box, Number box, Feature box in your content. Three templates now, more in the making.
Styled List Block 
This block lets you add a styled list in your post or pages. Instead of bullets you can use various icons as your list style type. You can also choose color for icons.
Expand Block 
Expand Block lets you add expandable content. You can hide some part of your content initially. Upon clicking on ‘Show More’ it will show. It can be hidden again.
Testimonial Block 
Nice, simple testimonial box with option to add image, name, role of the testimonial author.
Click to Tweet 
Add tweetable content in your posts/pages.
Social Share Block 
Add social share buttons in your posts and pages with this blocks. It comes with lots of customization options too.
Countdown Block 
Add a countdown in your post/pages. Comes with three different styles.
Progress Bar Block 
Add Cirle/Line Progress bar with this blocks. Comes with options to change thickness, color.
Post Grid Block 
Add a list or grid of your posts. Comes with options to change categories, order and many more.
Star Rating Block 
Add Star ratings in your posts/pages. You can customize size, color, numbers of stars.
Image Slider Block 
Add a lightweight, simple image slider in your post. Comes with additional settings.
Button Block 
Button block with more customization options and controls.
Divider Block 
Add custom divider between your blocks. Customize the color, size, everything.
<h3>Other tools from us</h3>
<a href="https://wordpress.org/plugins/tableberg/" rel="ugc">Tableberg</a>: The Best WordPress Block Table Plugin to create beautiful and responsive tables.
<a href="https://wordpress.org/themes/groundwp/" rel="ugc">GroundWP</a>: Lightweight and Minimal Block Theme for efficient Full-Site Editing.
<a href="https://wordpress.org/plugins/galleryberg-gallery-block/" rel="ugc">Galleryberg</a>: The Best WordPress Gallery Block Plugin to create stunning, flexible, and responsive image galleries.
<a href="https://wordpress.org/plugins/sliderberg/" rel="ugc">Sliderberg</a>: A Powerful WordPress Slider Block Plugin to build modern, dynamic, and fully responsive sliders with ease.

Ultimate Blocks – All-in-one Gutenberg Blocks for Block Editor

Use this on all my sites

Thank you for making it available to everyone...

Good plugin

Simple and useful


Easy to use with lots of customization.


Useful blocks

Create Better Content With The Block Editor. Custom Blocks for Bloggers and Content Marketers.

Wavesurfer Audio Player block vs Ultimate Blocks – All-in-one Gutenberg Blocks for Block Editor