Embed parler.io Audio Directly into Your Own Blog Posts

Kyle Galbraith - Nov 2 '18 - - Dev Community

You may have seen that some of my recent posts here on dev.to have included an embedded audio player at the top. This is a new liquid tag that I contributed over on the dev.to repo.

GitHub logo forem / forem

For empowering community 🌱


Forem 🌱

For Empowering Community

Build Status Build Status GitHub commit activity GitHub issues ready for dev GitPod badge

Welcome to the Forem codebase, the platform that powers dev.to. We are so excited to have you. With your help, we can build out Forem’s usability, scalability, and stability to better serve our communities.

What is Forem?

Forem is open source software for building communities. Communities for your peers, customers, fanbases, families, friends, and any other time and space where people need to come together to be part of a collective See our announcement post for a high-level overview of what Forem is.

dev.to (or just DEV) is hosted by Forem. It is a community of software developers who write articles, take part in discussions, and build their professional profiles. We value supportive and constructive dialogue in the pursuit of great code and career growth for all members. The ecosystem spans from beginner to advanced developers, and all are welcome to find their place…

The tag allows you to embed your converted audio from parler.io, a text to speech conversion service I have been building directly into your post here.

Parler is a side project I have been actively working on in my spare time. The goal is to convert written content into an audio format that can then be published, embedded, and shared onto other platforms. A future release will be aimed at doing the conversions automatically by watching your blog feed.

Now that you know what it is and how it can help you out, let's run through how you get parler audio into your own blog posts.

How to add parler audio to your own dev.to blog posts

  1. Get your RSS feed from here on dev.to or your own blog. Your dev.to feed can be found here: https://dev.to/feed/<your-username>.
  2. Enter the feed into parler.io
  3. Click convert on your blog post. This can take a few minutes to process.
  4. Once your blog post is converted into audio, grab the URL of the audio near the bottom of the page.

parler.io audio download link

Once your post has been converted by Parler you can then embed it here on dev.to using the Liquid tag below.

{% parler https://www.parler.io/audio/73240183203/ab59b90c45cd1f2144291f1a1cfd69894f87aabf.e466ec75-50e8-47c9-b376-55122f2e3a08.mp3 %}

Save your post and share your awesome content in audio format as well as in written form.

parler audio player

It's worth noting that you can also embed your converted audio into other sites as well. This can be done by copying <iframe> code from your conversion screen and pasting it into your desired site.

What is coming next for parler.io?

Right now Parler is in alpha release while I gather feedback from users like yourselves. The intention is to extend it with more features like batch conversions, selectable voices, and an enhanced embed player in the MVP and beyond.

If you have any questions or feedback please feel free to drop me a comment below. There is also a mailing list on the parler.io landing page that you can subscribe to in order to stay up to date on new developments.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .