{"data":{"markdownRemark":{"html":"<h4 id=\"what-is-podcastr\"><a href=\"#what-is-podcastr\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>What is Podcastr?</h4>\n<p>Podcastr is a tool suite embedding a Discord bot and a web server, serving an overlay for streaming integration.</p>\n<h4 id=\"motivation\"><a href=\"#motivation\" aria-hidden class=\"anchor\"><svg aria-hidden=\"true\" height=\"16\" version=\"1.1\" viewBox=\"0 0 16 16\" width=\"16\"><path fill-rule=\"evenodd\" d=\"M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z\"></path></svg></a>Motivation</h4>\n<p>This project was initially born two weeks before the E3 2017. Ysangwen, a French streamer wanted to make a restream of this event.\nI took the initiative of making an application containing a Discord client and an customized overlay.\nMonths after, an other French streamer, Aelthan, was doing his weekly podcast and took the initiative to rewrite the whole application to make something usable by everyone.</p>","frontmatter":{"title":"Podcastr","date":"January 2018","headline":"Podcast bot & overlay using Discord","tags":["CSS","HTML","JavaScript","Node.js"],"links":[{"title":"Repository","url":"https://github.com/seldszar/podcastr"}],"medias":[{"publicURL":"/static/01-878fd1dbc90aa4aa60effa87e4588eea.png","internal":{"mediaType":"image/png"},"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABqklEQVQ4y+1UPU/CUBQtlNCWAjW0tgVDHfwAXCAkBDRg4mCiv8JBkRETZ2OiURHjioOJg8bFOJjAZMKiIbqZoP/n+N6LrSBVFgYHhpvbd8975577kXKBQACjNG5MOHpCSZKYl2W57zwMcyW0L0iSCC/PQxBE9pjGHYyYx+MhmOBgroQ24Pf7EQ4rSMzPQo1MgOd9zmXBLyBA7qXTaaiaBp/PN0A6oJBatbqD7tsrWg+3yOVyhJSHJIrQoiYqu1U8P7Wxd3qEiKpCJHFXhTST1+tFIpnES6eDu/sbXF1f4PysBo7jIJLyrek4GpcNNB/beP/oolKpMCwUCvUTOuWSvmhqBPXaMdbXVnF4sI9yeZs9oglDShibWxtotpqo1U+QzmSYentIrj2kJdBhzM1YWFnOs2+7LDkYhDGpYam4iOhUFJ6vRK49pEEqvVAooFgsolQqIZVaQD6fh2GYTIllWexMh5LNZhGPx9m0/1wbjUzPNE1CYjBPLUiUUZXU67qOWCwG3dChKIr72vTuGc1IV6fXvvdTcnDq7Vb8WrLb5v/s8bD4+G/zDwk/AfUj/f1ItHW1AAAAAElFTkSuQmCC","aspectRatio":0.9637826961770624,"src":"/static/878fd1dbc90aa4aa60effa87e4588eea/89224/01.png","srcSet":"/static/878fd1dbc90aa4aa60effa87e4588eea/acb2b/01.png 100w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/9d27c/01.png 200w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/89224/01.png 400w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/1807f/01.png 600w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/6d601/01.png 800w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/16d8f/01.png 958w","srcWebp":"/static/878fd1dbc90aa4aa60effa87e4588eea/adff7/01.webp","srcSetWebp":"/static/878fd1dbc90aa4aa60effa87e4588eea/30a90/01.webp 100w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/9ea98/01.webp 200w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/adff7/01.webp 400w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/f4360/01.webp 600w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/a2b84/01.webp 800w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/cdf36/01.webp 958w","sizes":"(max-width: 400px) 100vw, 400px"}}},{"publicURL":"/static/02-c5e5c7475ec9f33d98229c4cb677107d.mp4","internal":{"mediaType":"video/mp4"},"childImageSharp":null}]},"fields":{"slug":"/projects/podcastr","sourceInstanceName":"projects","cover":{"childImageSharp":{"fluid":{"base64":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAVCAYAAABG1c6oAAAACXBIWXMAAA7DAAAOwwHHb6hkAAABeElEQVQ4y+1Uu4rCUBBNVEw0asCERBLUQhCtFCEo+Kj9jyCWIb+QQhT/wM7ewsLKUrC28X/OMgN3ievdtbHYwmKYzMydM2ceRCkWi3inKB/A9wMWCgXWhmE82K9iUkDxgHQ2m4WmaZxMdjpZVdWHmBRQBPL5PCqVCtrtNqrVKgOLNxSjd71eD7ZtI5fLPYE+MSSJogi32w3H4xFBEDCoruuo1WqI4xiXywWr1QqWZbFfypAqZTIZdDodXK9XHA4H7Pd7bLdbKIrCLTabTex2O5zPZ9zvdyyXS46Vy+VHQEGZkqjqer3GfD5HkiRYLBacRAVN00QYhjidTthsNuj3+8xeLEk6Q2qBgFutFmazGX+LtkqlEhzHwXg8hu/734WkMyQnUR+NRphMJphOp+h2uxgOh3Bdl5k0Gg22aSmDwQD1ep0L/nk2tD0aPoGQJiFmxFIw9DyPNY1AejbpO6OKdB5pSd+niKdH8WvLssv/OeNX/s/f5h8CfgFW3P5ecWc3oAAAAABJRU5ErkJggg==","aspectRatio":0.9637826961770624,"src":"/static/878fd1dbc90aa4aa60effa87e4588eea/c8d85/01.png","srcSet":"/static/878fd1dbc90aa4aa60effa87e4588eea/674ad/01.png 480w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/c8d85/01.png 958w","srcWebp":"/static/878fd1dbc90aa4aa60effa87e4588eea/86bd5/01.webp","srcSetWebp":"/static/878fd1dbc90aa4aa60effa87e4588eea/7ca15/01.webp 480w,\n/static/878fd1dbc90aa4aa60effa87e4588eea/86bd5/01.webp 958w","sizes":"(max-width: 958px) 100vw, 958px"},"resize":{"src":"/static/878fd1dbc90aa4aa60effa87e4588eea/4f3c3/01.png"}}}}}},"pageContext":{"slug":"/projects/podcastr"}}