import { useRouter } from 'next/router' import getConfig from 'next/config' import Layout from "../../../components/main.js" import AudioPlayer from "react-h5-audio-player"; import 'react-h5-audio-player/lib/styles.css'; import EpisodeSideBar from "../../../components/episodesidebar" import { getPodcastEpisode, getPodcastSeriesEpisodes } from '../../../data/external/cms.js'; import Head from "next/head" import config from "../../../data/internal/config" import { push } from '@socialgouv/matomo-next'; export async function getServerSideProps(context) { const { serverRuntimeConfig, publicRuntimeConfig } = getConfig() const slug = context.params.episode const secres = await fetch(serverRuntimeConfig.base_path + '/api/sections') const secdata = await secres.json() const episode = await getPodcastEpisode(slug) const sepisodes = await getPodcastSeriesEpisodes(episode.data[0].attributes.podcast_sery.data.attributes.Slug, 5, 0) const audiodata = { audio_path: serverRuntimeConfig.audio_path, audio_mp3: episode.data[0].attributes.Audio_MP3.data.attributes } const pagedata = { 'title': 'Angry Beanie - ' + episode.data[0].attributes.Title } return { props: { pagedata, sections: secdata, episode, audiodata, sepisodes, config } } } const Episode = ( props ) => { function pushLocalStart() { if(typeof window !== "undefined") {push(["trackEvent", "MediaStats", "AudioStart", props.audiodata.audio_mp3])} } function pushLocalPause() { if(typeof window !== "undefined") {push(["trackEvent", "MediaStats", "AudioPause", props.audiodata.audio_mp3])} } function pushLocalEnd() { if(typeof window !== "undefined") {push(["trackEvent", "MediaStats", "AudioEnd", props.audiodata.audio_mp3])} } return (

{props.episode.data[0].attributes.Title}

Transcript

) } export default Episode