Getting Podlove Player to show Chapter menu

[ghost]

Hello,

This is really exciting. I found out about you from the Auphonic site.

I first tried creating a podcast with markers manually applied using Auphonic, then exported to MP3.

Then, I installed the Podlove Web Player (not PPP) and used a shortcode to display the player.

The player works, but it is only a thin black rectangle. I don’t see how to expand it out to the bigger player or display the chapter text.

Help?

(PS: This is my first time on Github... I apologize if I'm posting incorrectly.)

[timpritlove]

You posted correctly but if you would include some URLs to look at we could be even more helpful

[ghost]

Great, thanks for the fast response! Here is a link to a test page: http://lifeupfront.com/podlove1/

I simply put the following shortcode in the Wordpress Visual editor: [podloveaudio src="http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod.mp3"]

[Kambfhase]

Please try setting the chaptersVisible attribute to "true". The more meta data you provide the better the player will look! To see the full range of available options check out our FAQ.

[eteubert]

Hi Jeff,

The player will automatically switch into "rich mode" if you set, for example, the title.

[ghost]

Thanks- I now have the rich mode enabled. I also tried to set the chaptersvisible=true. Here is my shortcode: [podloveaudio src="http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod.mp3" title="Jaideep on CFD and Elephants" chaptersVisible="true"]

As you can see in the result, I don't have chapters showing. I also don't have the button for "Show/Hide Chapters": http://lifeupfront.com/podlove1/

I created this MP3 using Auphonic and manually typed in Chapter Markers there: http://screencast.com/t/CFrghnWt

Here is the resulting file: http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod.mp3

Is it possible that this file does not have the chapters embedded within it properly? And, maybe that is not telling the player to show chapter info? Could one of you check this file to see if it has the chapters as expected?

[eteubert]

Ah, I see the confusion!

The web player cannot extract the chapters from the audio file directly. But as you are already using auphonic, all you have to do is create another output file for the chapters (use JSON format). This will create another file. You can then use the url to this file to show the chapters, like this:

[podloveaudio chapters="http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod.chapters.json"]

[ghost]

Thanks. I see how that should work now. However, in Auphonic, the only .json output file I see is the "Production Description" under "Other Files."

Is that the one I should use?

I tried using that with the following shortcode, but the result is a blank area where the player should be:

[podloveaudio src="http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod2.mp3" title="Jaideep on CFD and Elephants" chaptersVisible="true" chapters="http://lifeupfrontpodcast.s3.amazonaws.com/vedran-pod2.json"]

[timpritlove]

Yes, that's the one.

[eteubert]

Uhm, no, that shouldn't work. I had a look and was surprised to see that there is actually no way to write a JSON chapters file in Auphonic.

Another try: Select Other Files > Chapters File as output file. This writes chapters in another format the player should be able to understand. Then link to this file.

On a side note: If you plan to release a regular podcast, you should really have a look at the WordPress Publisher. You only need to setup it once but subsequent episode releases are a piece of cake. It will, for example, build the web player shortcode automatically and insert all the data in the right place.

[ghost]

Thanks, that worked!

I will look at Publisher. If I am understanding correctly, it will also replace Bluebrry Powerpress for me, correct? In other words, no real reason to use both?

[eteubert]

Correct! You may want to use the migration assistant (Podlove > Modules > System > Migration) so you don't have to do anything manually.

[DocISO]

Hi, I seem to have a similar problem. I am not using auphonic at the moment, but I tried the manual way: wrote a .json file: [{ “start”: “00:00:00″, “title”: ”Teil 1”, },{ “start”: “00:15:46″, “title”: “Teil 2 ″, },{ “start”: “00:16:37″, “title”: “Claude, },{ “start”: “00:21:58″, “title”: “Emilie″, “href”: “http://www.emiliegossiaux.com”, }]

and uploaded it to the server. Then linked to it in the podlove player like so: podloveaudio mp3="http://thedoc.nunki.uberspace.de/wp-content/podcast-international-version/EN_BA-004.mp3" title="Multimodality" poster="http://thedoc.nunki.uberspace.de/wp-content/podcast/Icon-Podcast.jpg" chaptersVisible=”true” chapters=”http://thedoc.nunki.uberspace.de/wp-content/podcast-international-version/Chaptermarks/EN-BA004.json"]

I am using the standalone version and blurrby powerpress because I am running two shows on one domain. The PowerPress PLayer is deactivated...

[DocISO]

OK, the json-file was all messed up: tried the fixed version: [{ “start”: “00:00:00″, “title”: ”Teil 1”, “href”: “”, “image”:”” },{ “start”: “00:15:46″, “title”: “Teil 2″, “href”: “”, “image”:”” },{ “start”: “00:16:37″, “title”: “Claude", “href”: “”, “image”:”” },{ “start”: “00:21:58″, “title”: “Emilie″, “href”: “http://www.emiliegossiaux.com/”, “image”:”” }]

still no change.

[eteubert]

Please use http://json.parser.online.fr or a similar service to make sure your JSON is valid. All your quotes are messed up. Did you write the chapters in a word processor?

This, for example, is a valid example:

[{
  "start": "00:00:00",
  "title": "Teil 1",
  "href": "",
  "image": ""
}]

[DocISO]

Hi, thx for the fast reply. you are right, I copy/pasted a weird version of This... anyway i think i fixed it and copied it into the custom field, naming it "chaptermarks". IT worked for ONE episode, but using the same content on another one didn't work. tonight i will try again linking directly to the json file....