Shownotes-tab isn't visible (embeded - no wordpress)

Hi there community,

I’m trying to setup the PWP5 on a bootstrap page in embeded mode.
I used the example of the documentary and changed the values to my likings.
unfort. in the demo the “shownotes”-tab is not visible.
is there a way to display it? maybe in the config.json?

And one other minor issue: the editing of colors in the config.json doesnt seem to work. maybe I got some CSS issues overwriting it? anyone know this problem?

thanks for your help!
nias

Could you provide an example? I guess there is only a configuration issue :slight_smile:

Hi und vielen dank, dass du dir die Zeit nimmst. Ich schreib mal in deutsch.
Also hier ist meine config: (ein paar Dinge hab ich schon herausgenommen, die ich nicht brauchte: playlist und share)

{
  "base": "/player/",
  "activeTab": "chapters",
  "theme": {
    "tokens": {
      "brand": "#166255",
      "brandDark": "#166255",
      "brandDarkest": "#1A3A4A",
      "brandLightest": "black",
      "shadeDark": "#807E7C",
      "shadeBase": "#807E7C",
      "contrast": "#000",
      "alt": "#fff"
    },
    "fonts": {
      "ci": {
        "name": "RobotoBlack",
        "family": [
          "RobotoBlack",
          "Calibri",
          "Candara",
          "Arial",
          "Helvetica",
          "sans-serif"
        ],
        "weight": 900,
        "src": ["./assets/Roboto-Black.ttf"]
      },
      "regular": {
        "name": "FiraSansLight",
        "family": [
          "FiraSansLight",
          "Calibri",
          "Candara",
          "Arial",
          "Helvetica",
          "sans-serif"
        ],
        "weight": 300,
        "src": ["./assets/FiraSans-Light.ttf"]
      },
      "bold": {
        "name": "FiraSansBold",
        "family": [
          "FiraSansBold",
          "Calibri",
          "Candara",
          "Arial",
          "Helvetica",
          "sans-serif"
        ],
        "weight": 700,
        "src": ["./assets/FiraSans-Bold.ttf"]
      }
    }
  },

Und hier noch meine episode.json (ich hab n paar sachen ge-Xt, weil das Projekt noch geheim ist :wink:

{
  "show": {
    "title": "xxx",
    "subtitle": "xxx",
    "summary": "xxx",
    "poster": "/test/assets/cover.jpg",
    "link": ""
  },
  "title": "xxx",
  "subtitle": "xxxx",
  "summary": "xxxx",
  "publicationDate": "2021-05-07T11:00:44+01:00",
  "poster": "/test/assets/Cover.jpg",
  "duration": "00:47:00.298",
  "link": "",
  "audio": [
  {
      "url": "xxx",
      "size": "71862603",
      "title": "MPEG-4 AAC Audio (m4a)",
      "mimeType": "audio/mp4"
    },
    {
      "url": "xxx",
      "size": "95522160",
      "title": "MP3 Audio (mp3)",
      "mimeType": "audio/mpeg"
    }
  ],
  "files": [
    {
      "url": "xxx",
      "size": "",
      "title": "Sampler",
      "mimeType": "audio/mp3"
    },
    {
      "url": xxx",
      "size": "132090",
      "title": "Artwork",
      "mimeType": "text/plain"
    }
  ],
  "chapters": "fixtures/chapters.json",
  "contributors": [
    {
      "id": "1",
      "name": "",
      "avatar": "",
      "group": { "id": "1", "slug": "onair", "title": "On Air" }
    },
    {
      "id": "77",
      "name": "",
      "avatar": "",
      "group": { "id": "1", "slug": "onair", "title": "On Air" }
    }
  ],
  "transcripts": "fixtures/transcripts.json"
}

Was mir spontan auffällt sind Fehler in der JSON Datei. Schau mal was die Seite dazu sagt: https://jsonformatter.curiousconcept.com/ Meine Vermutung ist das deshalb der Player die Standardwerte verwendet.

Für den Shownotes Tab brauchst du noch ein Template. Ich empfehle dir hier mal das Template dir anzuschauen: https://codesandbox.io/s/inspiring-benz-fevus

Hi! Vielen Dank - die Sache mit den Shownotes habe ich hinbekommen.

Die Sache mit den Farben nicht. Ist jetzt auch nicht so schlimm.
der JSON-checker hat jedenfalls keine Fehler beanstandet…

Naja. Vielen Dank für die Hilfe!

Pack mal noch ein “version“: 5 in die config.

das wars nicht, aber ich hatt wohl doch irgendwo nen Fehler eingebaut.
Hab mir nochmal die config aus der sandbox gezogen. jetzt gehts.
Vielen Dank nochmal!