PlotSet LogoPlotSet
全部图表类型

Audio Player Maker

Turn a spreadsheet of audio links into a playlist readers can play right on your page. Upload your tracks and publish an embeddable audio list. It's free.

免费创建 Audio Player查看图库

什么是 Audio Player？

An audio player template turns each row of a spreadsheet into one playable track: a play button, a title, an optional description, a progress bar and a time readout. The rows can be filtered by category, and only one track plays at a time. It is a playlist for a web page rather than a chart, built for the cases where the data is a set of recordings: podcast episodes, music samples, interview clips, language lessons or narrated stories. Because it is driven by a sheet, adding a track means adding a row.

什么时候使用 Audio Player

  • You have a set of clips to share

    Episodes, samples, pronunciations, field recordings. A list with play buttons beats ten separate file links in a paragraph.

  • Listeners should choose one clip at a time

    Only one track plays at once, so starting another stops the first. That is the behaviour people expect from a playlist.

  • The tracks fall into groups

    A category column adds filter buttons or a dropdown, and can tint the play buttons by category.

  • You want to update it from a sheet

    Connect a Google Sheet and new tracks appear without re-embedding anything.

什么时候不该用 Audio Player

  • You need a waveform

    This is a track list, not a waveform visualiser or an audio editor.

  • Your audio is not already hosted

    Each row needs a direct link to an MP3, OGG or WAV file. PlotSet does not host the audio for you.

  • You need autoplay

    Browsers block audio until a visitor interacts with the page, so no embed can promise autoplay.

  • You want to compare numbers

    If the point is data rather than listening, a table or a chart will serve better.

如何制作 Audio Player

从电子表格到已发布的图表，一步一步来。

  1. 01Open the Audio template
  2. 02Prepare title, description, link and category
  3. 03Upload or connect your data
  4. 04Style the player
  5. 05Add filters
  6. 06Publish or embed
阅读完整的 Audio Player 指南

Audio Player 的组成部分

Play button
Starts and pauses one track. Its colour and size are adjustable, and it can sit left or right of the text.
Title and description
The track heading and an optional line beneath it. Long text can be truncated and shown in full on hover.
Progress bar
Shows how far playback has gone and lets listeners click to seek.
Time readout
Elapsed and total duration for the track.
Filter control
Pill buttons, a dropdown or a slider that narrow the list to one category.
Pager
Splits long lists into pages sized to fit the embed.

Audio Player 的常见错误

Linking to a web page instead of a file

The link must point straight at the audio file. A link to a page that contains a player will not play.

Cramming in too many tracks

Long lists are paginated. If everything matters, increase the embed height or split into categories.

Expecting autoplay

Browsers require a click first. Design the page so a visitor knows to press play.

Hosting files that block streaming

Some hosts forbid direct linking. Test each link in a browser tab before publishing.

Audio Player：常见问题

Building a playlist of recordings, such as podcast episodes or music samples, that readers can play directly in a page.

立即制作你的 Audio Player

免费开始，300 多个模板，无需信用卡。

免费创建 Audio Player全部图表类型