CINXE.COM
How “Good Children” grew its audience with video content on Spotify | Spotify for Creators
<!DOCTYPE html><!-- Last Published: Tue Nov 26 2024 15:13:09 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="production-origin.creators.spotify.com" data-wf-page="66e844e46ac8124ff524137a" data-wf-site="66e844e46ac8124ff524134e" lang="en" data-wf-collection="66e844e46ac8124ff5241449" data-wf-item-slug="good-children-video-audience-growth"><head><meta charset="utf-8"/><title>How “Good Children” grew its audience with video content on Spotify | Spotify for Creators</title><meta content="How the hosts of "Good Children" leveraged video on Spotify to grow their audience." name="description"/><meta content="How “Good Children” grew its audience with video content on Spotify | Spotify for Creators" property="og:title"/><meta content="How the hosts of "Good Children" leveraged video on Spotify to grow their audience." property="og:description"/><meta content="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19.jpg" property="og:image"/><meta content="How “Good Children” grew its audience with video content on Spotify | Spotify for Creators" property="twitter:title"/><meta content="How the hosts of "Good Children" leveraged video on Spotify to grow their audience." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/css/spotify-creator-studio-9d835cce60189be2.71706774e.min.css" rel="stylesheet" type="text/css"/><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/648226c27208ad4d8e447d48_spotify-favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6323c7bbf72ff48d06a5d485/64516956162cc213fb9043e0_Group%209664920.png" rel="apple-touch-icon"/><link href="https://creators.spotify.com/resources/case-study/good-children-video-audience-growth" rel="canonical"/><link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-BS28GFQSGL"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('set', 'developer_id.dZGVlNj', true);gtag('config', 'G-BS28GFQSGL');</script><!-- This is commented out, as window.trackJs is now being called, which utilizes the @spotify-internal/track-js library. <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer', 'GTM-NFX358T'); </script> --> <meta name="ahrefs-site-verification" content="257ae8e0bb3bae089b6d1efa97f4c74d7be024ec1b143f58ef2f463a750c0260"> <style> .w-webflow-badge { display: none !important; visibility: hidden !important; } .spotify-nav-bar {padding-top:0px !important; height:auto !important; } </style><link rel="canonical" href="https://creators.spotify.com/resources/case-study/good-children-video-audience-growth" /> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://podcasters.spotify.com/resources", "name": "Resources", } },{ "@type": "ListItem", "position": 3, "item": { "@id": "https://podcasters.spotify.com/resources/case-study", "name": "Case Study", } }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "url": "https://podcasters.spotify.com/resources/case-study/good-children-video-audience-growth", "headline": "How “Good Children” grew its audience with video content on Spotify", "image": "https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/673340aa35f668ce0e4f0cb0_SEO-CaseStudy_GoodChildren-1200x675.jpg", "datePublished": "Nov 13, 2024", "dateModified": "Nov 13, 2024", "publisher": { "@type": "Organization", "name": "Spotify for Creators", "url": "https://creators.spotify.com/", "logo": { "@type": "ImageObject", "url": "https://creators.spotify.com/", "contentUrl": "https://creators.spotify.com/", "caption": "Spotify for Creators" } } } </script> </head><body theme="black" class="case-studies intro-section"><div id="announcement" class="announcement-container js-announcement-bar"><div class="announcement-bar-2-copy desktop s4c-2024"><p class="body-text spotify-mix subheader black center">Spotify for Podcasters is now Spotify for Creators.<a href="https://spotifycreators-web.app.link/e/PFm6j5IktOb" target="_blank" class="link bold announce">Find out more</a></p></div><div class="announcement-bar desktop wrapped announced"><p class="spotify-mix medium body wrapped24styling">2024 Wrapped for Creators is here.<a href="https://podcasters.spotify.com/pod/login" target="_blank" class="wrapped-link">Get to know your realest fans.</a></p></div><div class="search-s4p-component w-clearfix"><div data-w-id="5ffed7be-036c-4fdb-6829-700cbe0c96b9" class="search-s4p-container"><img src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/66e844e46ac8124ff5241703_Encore%20%E2%80%A2%20Vectorclose.svg" loading="lazy" width="75" height="73" alt="" class="close-s4p"/><img src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/66e844e46ac8124ff524152b_new-search.svg" loading="lazy" width="75" height="75" alt="" class="search-s4p"/></div><div class="search-pop-up"><div class="search-pop-up-container"><form action="/search" class="search-pop-up-field w-form"><label for="search-3" class="body-text mesto black caps"><strong>Search</strong></label><div class="search-input-container"><input class="search-pop-up-input w-input" maxlength="256" name="query" placeholder="Search the resource hub" type="search" id="search-2" required=""/><input type="submit" class="search-button-2 w-button" value="search"/></div><div class="search-suggested-keywords-container"><label for="search-3" class="body-text mesto black caps"><strong>suggested keywords</strong></label><div class="search-suggested-keywords-container"><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Interactivity</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Video podcasts</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">Masterclass</label></a><a href="#" class="search-keyword-link w-inline-block"><label for="search-3" class="pill keyword">analytics</label></a></div></div></form></div></div></div></div><main><section theme="white" class="section intro-section"><div class="container container-detail-page article-head"><div class="hero-sub-text-wrapper mobile-only"><a href="/old-pages/old-home" class="breadcrumb-link link-resources overline">Resources</a><div class="breadcrumb-slash overline">/</div><a href="/learn" class="breadcrumb-link overline js-page-link">Learn</a><div class="breadcrumb-slash overline"> / </div><div class="breadcrumb-link overline">CREATE</div></div><div class="page-hero page-hero-detail"><div class="hero-content hero-content-detail"><div class="hero-sub-text-wrapper"><div class="hero-breadcrumbs-wrapper"><a href="/old-pages/resources" class="breadcrumb-link link-resources overline">Resources</a><div class="breadcrumb-slash overline"> / </div><div class="breadcrumb-link overline">Case study</div></div></div><h1 class="header-3 detail-hero-title js-splittext black">How “Good Children” grew its audience with video content on Spotify</h1><div class="hero-date"><div splitTextDelay=".25" class="hero-date-published js-splittext subheader">November 13, 2024</div></div><div splitTextDelay=".45" class="hero-caption js-splittext">How the hosts of "Good Children" leveraged video on Spotify to grow their audience.</div></div><img int-image="1" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19.jpg" sizes="(max-width: 479px) 93vw, (max-width: 991px) 300px, 34vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19-p-1600.jpg 1600w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333f05d020140f4e12cc63_Header-CaseStudy_GoodChildren-19.jpg 1920w" class="page-detail-hero-img js-clip-path"/><div class="underline-clip-reveal underline-hero js-clip-reveal-horizontal"><div class="underline-black"></div></div></div></div></section><section data-w-id="3ecdfb1c-62d2-05dd-3c78-e87f32b7930e" style="-webkit-transform:translate3d(0, 5%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 5%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 5%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 5%, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);opacity:0" class="section body-section"><div class="container container-detail-page w-clearfix"><div class="article-body-copy w-richtext"><h2>Meet the creators</h2><p>When childhood best friends Andrew Muscarella and Joe Hegyes sit down to record "<a href="https://open.spotify.com/show/3zntxfmLlhByvJhT6KvaoO">Good Children</a>," it’s always a blast. The duo takes fans on a hilarious journey through their "daffy and deranged" childhoods as closeted queer kids, diving deep into shared memories of anxiety, food courts, wigs, and their earnest attempts to do everything right. </p><p></p><p>As early adopters of video on Spotify, Joe and Andrew spent the last two and a half years not just <em>telling</em> their stories, but <em>showing</em> them to a growing community of fans. </p><p></p><p>We sat down with them to discuss their journey on Spotify. Here’s what we learned.</p></div><div class="cs-image-carousel"><div class="collection-list-wrapper-5 w-dyn-list"><script type="text/x-wf-template" id="wf-template-f2337696-74f3-5593-2869-f525063a9036">%3Cdiv%20role%3D%22listitem%22%20class%3D%22cs-image-hosts%20w-dyn-item%20w-dyn-repeater-item%22%3E%3Cimg%20loading%3D%22lazy%22%20id%3D%22w-node-f2337696-74f3-5593-2869-f525063a9038-f524137a%22%20alt%3D%22%22%20src%3D%22https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro.jpg%22%20sizes%3D%22(max-width%3A%20479px)%2093vw%2C%20(max-width%3A%20767px)%2083vw%2C%20(max-width%3A%20991px)%2087vw%2C%20(max-width%3A%201279px)%2055vw%2C%20(max-width%3A%201439px)%2060vw%2C%20(max-width%3A%201919px)%2070vw%2C%2042vw%22%20srcset%3D%22https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-500.jpg%20500w%2C%20https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-800.jpg%20800w%2C%20https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-1080.jpg%201080w%2C%20https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-1600.jpg%201600w%2C%20https%3A%2F%2Fcdn.prod.website-files.com%2F66e844e46ac8124ff5241362%2F6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro.jpg%201920w%22%20class%3D%22cs-host1%22%2F%3E%3C%2Fdiv%3E</script><div role="list" class="collection-list-2 w-dyn-items"><div role="listitem" class="cs-image-hosts w-dyn-item w-dyn-repeater-item"><img loading="lazy" id="w-node-f2337696-74f3-5593-2869-f525063a9038-f524137a" alt="" src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro.jpg" sizes="(max-width: 479px) 93vw, (max-width: 767px) 83vw, (max-width: 991px) 87vw, (max-width: 1279px) 55vw, (max-width: 1439px) 60vw, (max-width: 1919px) 70vw, 42vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro-p-1600.jpg 1600w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/6733412f485b4b7840ab0529_Inline-1_1920x1080_Intro.jpg 1920w" class="cs-host1"/></div></div><div class="w-dyn-hide w-dyn-empty"><div>No items found.</div></div></div><div class="cs-image-hosts captions"><div class="body-text cello black-2 w-dyn-bind-empty"></div></div><div class="cs-image-hosts captions"><div class="body-text cello black-2 w-dyn-bind-empty"></div></div></div><div class="article-body-copy w-dyn-bind-empty w-richtext"></div><div class="article-body-copy w-richtext"><h2>How video on Spotify amplified “Good Children”’s reach</h2><p>For Joe and Andrew, adding video to their show was more of an instinct than a thought-out decision. They’ve always wanted to create some form of content on the internet, and putting the camera up and recording was what Joe calls an “innate choice.”</p><p></p><p>Video content aligned perfectly with “Good Children”’s style of storytelling, as they do a lot of visual gags, dress up in costume, and incorporate archival footage from their childhood—elements that are far more entertaining to watch than merely describe. Joe explains that “for new people who may have found us and just listened, it would almost be confusing to not see what's happening. And with video, we're able to show a new listener the whole thing from start to finish."</p><p></p><p>What started as an audio-only show transformed when the opportunity to add video on Spotify presented itself. The duo was quick to seize it, and fans were quick to respond. Since introducing video to their feed, <strong>Joe and Andrew’s audience grew by 20% and their Spotify following by 36%</strong>. </p><p></p><blockquote><em>It would be crazy not to have video on Spotify if you’re a podcaster. It's no longer the future; it's the right now. I think every podcast either has video or is in the process of making sure they have video. And if you're not uploading when you already have the file, you're just missing an avenue of opportunity.</em></blockquote><p></p><p></p><p>Andrew chalks a lot of this success up to the fact that fans are able to recognize their faces, which inevitably deepens connections. “People care about seeing you and seeing your reaction. It goes so much further,” he says. “There'll be moments when I'll be sitting on the subway across from somebody, and they're watching their phone, and they look up, and they're like, 'oh my God, I'm watching you right now."</p><p></p><p>Reflecting on the show’s success and the future of content, Joe believes that “it would be crazy not to have video on Spotify if you’re a podcaster. It's no longer the future; it's the right now. I think every podcast either has video or is in the process of making sure they have video. And if you're not uploading when you already have the file, you're just missing an avenue of opportunity."</p><p></p><p></p></div><div class="article-body-copy w-dyn-bind-empty w-richtext"></div><div class="cs-image-carousel"><img src="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1).jpg" loading="lazy" alt="" sizes="(max-width: 479px) 93vw, (max-width: 767px) 83vw, (max-width: 991px) 87vw, (max-width: 1279px) 55vw, (max-width: 1439px) 60vw, (max-width: 1919px) 70vw, 42vw" srcset="https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1)-p-500.jpg 500w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1)-p-800.jpg 800w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1)-p-1080.jpg 1080w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1)-p-1600.jpg 1600w, https://cdn.prod.website-files.com/66e844e46ac8124ff5241362/67333fa99296de10bf7fcfaa_Inline-2_1920x1080_Stat%20(1).jpg 1920w" class="cs-image body"/><div class="cs-image-hosts captions single"><div class="body-text cello black-2 w-dyn-bind-empty"></div></div></div><div class="article-body-copy w-dyn-bind-empty w-richtext"></div><div class="article-body-copy w-richtext"><h2>How Spotify for Creators helps "Good Children" connect and grow</h2><p>Joe and Andrew are big fans of Spotify for Creators’ unique features, often using them to cultivate meaningful connections with their fans. Joe, for instance, is a self-proclaimed “<a href="https://podcasters.spotify.com/resources/learn/grow/fan-community-podcast-comments">comment</a> fiend,” and he finds that fan engagement on Spotify is “overwhelmingly positive.” </p><p></p><p>Beyond community building, <a href="https://podcasters.spotify.com/resources/learn/grow/spotify-podcast-analytics">Spotify’s analytics</a> have become a handy tool for the duo's growth strategy. "I could get lost in that data for a few days," says Joe. "It's been helpful for not just growing the podcast, but also when we're planning live shows. We're able to track and see what regions of the world people are listening to, what the age demographics are. And that helps us know geographically where our audience is, which is good when we take it beyond the podcast and to some small stages."</p><p></p><p></p><blockquote><em>I think that the analytics on Spotify are so comprehensive that I could get lost in that data for a few days. It's been helpful for not just growing the podcast, but also when we're planning live shows, we're able to track and see what regions of the world people are listening to, what the age demographics are. And that helps us know geographically where our audience is, which is good when we take it beyond just actually the podcast and take it to some small stages.</em></blockquote><p></p><p></p><p>Joe and Andrew also <a href="https://podcasters.spotify.com/resources/learn/grow/audience-engagement">use polls</a> to allow their fans to guide the direction of the show. Sometimes they break the mold and experiment with improv skits or introduce a new theme, and use the feature to gather direct feedback from the audience. “Hearing from our fans if they actually enjoy that episode helps us drive what the future of the podcast looks like,” Andrew explains.</p><p></p></div><div class="cs-image-stats w-clearfix"><img loading="lazy" alt="" id="cs-stat-1" src="" class="cs-stat-image _1 w-dyn-bind-empty"/><img loading="lazy" alt="" id="cs-stat-2" src="" class="cs-stat-image w-dyn-bind-empty"/></div><div class="article-body-copy wrap w-dyn-bind-empty w-richtext"></div><div class="article-body-copy w-richtext"><h2>Start your video journey on Spotify</h2><p>If you're hesitating to add video because you're concerned about equipment or technical know-how, take heart—even these two video veterans have kept it simple since day one. They’ve shot on their phones since the beginning, and they still do.</p><p></p><blockquote><em>I think people feel they need to have the best equipment and video editing skills. But as long as you can edit a podcast, you can edit a video, and as long as you can take a picture on your phone, you can record the video.</em></blockquote><p></p><p></p><p>"I think people feel they need to have the best equipment and video editing skills. But as long as you can edit a podcast, you can edit a video, and as long as you can take a picture on your phone, you can record the video," says Joe.</p><p></p><p>The message is clear: don't let perfect be the enemy of good. Whether you're using a phone or professional equipment, the most important step is getting started.</p><p></p><p><em>Let your fans see you. Learn more about </em><a href="https://podcasters.spotify.com/resources/learn/create/how-to-start-a-video-podcast-on-spotify"><em>how and why to add video on Spotify</em></a><em>.</em></p><p></p><p></p><div class="w-embed w-iframe w-script"><!-- Vimeo Video Embed 3 --> <div class="vid-carousel" id="embed-1"> <iframe class="vimeoPlayer" src="https://player.vimeo.com/video/1029051467?api=1&controls=0" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe> <div class="overlay video-overlay"></div> <div class="vid-controls"> <div class="playPauseBtn player-btn"> <img class="playPauseIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg" alt="Play"> </div> <div class="muteBtn player-btn"> <img class="muteIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg" alt="Volume On"> </div> <!-- Full Screen Button --> <div class="fullScreenBtn player-btn"> <img class="fullScreenIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6733a8eaa8fb6bdbaa49c2df_Fullscreen.svg" alt="Full Screen"> </div> <div class="caption-controls"> <div class="captionBtn player-btn"> <img class="captionIcon" src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1596b9dcf89b763_67005b07d636fe0f5c0a820f_language-icon.svg" alt="Captions"> </div> <select class="captionSelect" id="captionSelect-1" style="display: none;"></select> </div> </div> </div> <style> .vid-carousel { position: relative; width: 100%; /* Full width of the container */ max-width: none; /* Optional: Set a maximum width if desired */ background-color: white; overflow: hidden; padding-bottom: 56.25%; /* 16:9 aspect ratio (9 / 16 = 0.5625 or 56.25%) */ height: 0; /* Set height to 0 for responsive padding trick */ } .vimeoPlayer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .video-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 1; transition: opacity 0.2s ease; opacity: 1; } /* Hide the overlay when hovering over .vid-carousel */ .vid-carousel:hover .video-overlay { opacity: 0; } .vid-controls { position: absolute; top: 10px; right: 10px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; align-items: flex-end; } .player-btn img { width: 20px; height: 20px; } .caption-controls { position: relative; } .captionSelect { position: absolute; top: 35px; /* Adjust this if needed */ right: 0; z-index: 99999; background: white; border: 1px solid #ccc; border-radius: 8px; padding: 5px; display: none; cursor: pointer; font-size: 12px; max-width: 150px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } /* Ensure the dropdown doesn't push other elements */ .captionSelect:focus { outline: none; } .captionSelect option { padding: 5px; font-size: 12px; } .fullScreenBtn { cursor: pointer; } /* Hide the full screen button on mobile and tablet view */ @media screen and (max-width: 768px) { .fullScreenBtn { display: none; } } .fullScreenIcon { width: 20px; height: 20px; } .fullscreen-controls { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 99999; } </style> <script src="https://player.vimeo.com/api/player.js"></script> <script> function setupVimeoEmbed(embedId, captionSelectId) { const embed = document.getElementById(embedId); const iframe = embed.querySelector('.vimeoPlayer'); const player = new Vimeo.Player(iframe); const playPauseBtn = embed.querySelector('.playPauseBtn'); const muteBtn = embed.querySelector('.muteBtn'); const fullScreenBtn = embed.querySelector('.fullScreenBtn'); const captionBtn = embed.querySelector('.captionBtn'); const captionSelect = document.getElementById(captionSelectId); const playPauseIcon = playPauseBtn.querySelector('.playPauseIcon'); const muteIcon = muteBtn.querySelector('.muteIcon'); const overlay = embed.querySelector('.video-overlay'); // Function to update the play/pause icon based on video state function updatePlayPauseIcon(isPaused) { playPauseIcon.src = isPaused ? 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3d12ebee771d0c679_66fdc3cacc2a1c92fb14d900_play.svg' : 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3c8403c1a70851794_66fdc3ca51f58b9f4a3a00e8_pause.svg'; } // Enable video looping player.setLoop(true); // Fetch and handle caption tracks player.getTextTracks().then(tracks => { if (tracks.length === 0) return; captionSelect.innerHTML = '<option value="">Select a language</option>'; tracks.forEach(track => { const option = document.createElement('option'); option.value = track.language; option.textContent = track.label || track.language; captionSelect.appendChild(option); }); // Click event for the caption button captionBtn.addEventListener('click', (e) => { e.stopPropagation(); const isVisible = captionSelect.style.display === 'block'; document.querySelectorAll('.captionSelect').forEach(select => select.style.display = 'none'); captionSelect.style.display = isVisible ? 'none' : 'block'; captionSelect.focus(); }); // Prevent the dropdown from closing when clicked captionSelect.addEventListener('click', (e) => e.stopPropagation()); // Handle caption selection captionSelect.addEventListener('change', () => { const selectedLanguage = captionSelect.value; player.enableTextTrack(selectedLanguage).catch(console.error); captionSelect.style.display = 'none'; }); // Close the dropdown when clicking outside of it document.addEventListener('click', (e) => { if (!captionSelect.contains(e.target) && !captionBtn.contains(e.target)) { captionSelect.style.display = 'none'; } }); }); // Play/Pause functionality playPauseBtn.addEventListener('click', () => { player.getPaused().then(paused => { paused ? player.play() : player.pause(); updatePlayPauseIcon(paused); }); }); // Mute/Unmute functionality muteBtn.addEventListener('click', () => { player.getVolume().then(volume => { player.setVolume(volume > 0 ? 0 : 1); muteIcon.src = volume > 0 ? 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3f1c5bc34e6e969f3_66fdc48e1c42a4692cd73bc1_volume-off.svg' : 'https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/6732c8e3320e0e24e4f6d042_66fdc3d2bc4353c73d699e83_volume.svg'; }); }); // Full Screen Toggle with Autoplay fullScreenBtn.addEventListener('click', () => { if (!document.fullscreenElement) { iframe.requestFullscreen().then(() => { player.play().catch(err => { console.error(`Error attempting to autoplay video in full-screen mode: ${err.message}`); }); }).catch(err => { console.error(`Error attempting to enable full-screen mode: ${err.message}`); }); } else { document.exitFullscreen(); } }); // Update the play/pause icon whenever the video play state changes player.on('play', () => { updatePlayPauseIcon(false); overlay.style.opacity = '0'; }); player.on('pause', () => { updatePlayPauseIcon(true); overlay.style.opacity = '1'; }); // Handle the case when the user exits full-screen mode manually document.addEventListener('fullscreenchange', () => { player.getPaused().then(paused => { updatePlayPauseIcon(paused); }); }); } // Initialize the embed setupVimeoEmbed('embed-1', 'captionSelect-1'); </script></div><p></p></div><div class="button-spacer center"><a href="#" class="button lavender black w-dyn-bind-empty w-button"></a></div></div></section><section class="section body-section"><div class="marquee news-more-cards-marquee"><div class="js-marquee"><div class="marquee-text header-2">Feeling inspired?</div></div></div><div class="container black feeling-inspired"><a data-w-id="3ecdfb1c-62d2-05dd-3c78-e87f32b7937a" style="-webkit-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0, 0, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" href="https://creator.spoti.fi/sBBX5kvitOb" target="_blank" class="btn subheader w-button">Start a podcast</a></div></section></main><div class="scroll-cta js-scroll-cta"></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=66e844e46ac8124ff524134e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/66e844e46ac8124ff524134e/js/spotify-creator-studio-9d835cce60189be2.651669695.js" type="text/javascript"></script> <style> body { visibility: hidden; opacity: 0 } .spotify-nav-bar {padding-top:0px !important; height:auto !important; } </style> <script type=text/javascript> const navBar = document.createElement('nav'); navBar.classList.add('spotify-nav-bar'); const firstChild = document.body.firstChild; document.body.insertBefore(navBar, firstChild); </script> <footer class="spotify-footer"></footer> <script type='text/javascript' defer> const JS_CACHE_VERSION = 84; //increment me to a whole number to break the cache of the JS file. const SITE_URLS = [ { localDev: true, label: "local", url: "https://spotify-creator-studio-9d835cce60189be2.webflow.io/", jsUrls: ["http://localhost:3000/src/main/index.js", "http://localhost:3000/src/spotifyNavBar/index.jsx", "http://localhost:3000/src/spotifyFooter/index.jsx"], cssUrls: [] }, { localDev: true, label: "staging-origin", url: "https://staging-origin.creators.spotify.com", //jsUrls: ["https://localhost:3000/src/main-2/index.js", "https://localhost:3000/src/spotifyNavBar/index.jsx", "https://localhost:3000/src/spotifyFooter/index.jsx"], //cssUrls: [] jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: true, label: "staging-smartling-french", url: "https://fr-fr-d8cc01d29109c15da.getsmartling.com", jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "staging", url: "https://staging.creators.spotify.com", jsUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://stage-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://dev-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://stage-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "production-origin", url: "https://production-origin.creators.spotify.com", jsUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/index.css"] }, { localDev: false, label: "production", url: "https://creators.spotify.com", jsUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/mainv2.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyNavBar.js", "https://prodv2-dot-podcasters-byspotify-com.appspot.com/spotifyFooter.js"], cssUrls: ["https://prodv2-dot-podcasters-byspotify-com.appspot.com/index.css"] } ] function createScript(site) { site.jsUrls.forEach((jsUrl) => { const s = document.createElement('script'); s.src = `${jsUrl}?version=${JS_CACHE_VERSION}`; //if (site.localDev) { s.type = 'module'; //} document.body.appendChild(s); }) } function createCss(site) { site.cssUrls.forEach((cssUrl) => { const s = document.createElement('link'); s.rel = "stylesheet"; s.href = `${cssUrl}?version=${JS_CACHE_VERSION}`; document.body.appendChild(s); }) } const currUrl = window.location.href; const matchedSite = SITE_URLS.find(({ url }) => currUrl.startsWith(url)); if (matchedSite) { createScript(matchedSite); createCss(matchedSite); } else { console.error('Looks like youre running the spotify for podcasters website on an invalid domain.') } </script> <script type='text/javascript' defer> // HIDE SECTION WHEN EMPTY $(".section-related-content").has(".w-dyn-empty:not(.w-dyn-hide)").css("display", "none"); </script> <!-- Smartling --> <!-- <script src="https://ng3x0z.csb.app/script.js"></script> --> <script> function init() { const lang_attr_element = document.querySelector("[lang]"); let get_local_by_attr = lang_attr_element ? lang_attr_element.getAttribute("lang") : "en"; get_local_by_attr = get_local_by_attr === "yy" ? "en" : get_local_by_attr; const ATTRIBUTES = { lang_switch: "lang-switch", collection_list: "collection-list", limit_itmes: "limit", source_lang: "en", lang_conditional: "lang-conditional", start_at: "start-at" }; function hideItem(item) { item.style.display = "none"; } function showItem(item) { item.style.display = "block"; } const collection_lists = document.querySelectorAll( `[${ATTRIBUTES.collection_list}]` ); collection_lists.forEach((list) => { let count_show_items = 1; let items_skipped = 0; const limit_items = list.getAttribute(ATTRIBUTES.limit_itmes); const list_items = list.querySelectorAll(".w-dyn-item"); const items_to_skip = list.getAttribute(ATTRIBUTES.start_at) - 1 || 0; list_items.forEach((item) => { const images = item.querySelectorAll("img"); if (images) handleIntImages(images, get_local_by_attr); const active_switches = item.querySelectorAll( `[${ATTRIBUTES.lang_switch}]:not(.w-condition-invisible)` ); const switch_strings = [...active_switches].map((element) => { return element.getAttribute(ATTRIBUTES.lang_switch); }); if ( (Object.values(switch_strings).includes(get_local_by_attr) || get_local_by_attr == ATTRIBUTES.source_lang) && count_show_items <= limit_items ) { if (items_skipped < items_to_skip) { items_skipped++; return; } count_show_items++; showItem(item); return; } hideItem(item); }); }); const all_conditional_components = document.querySelectorAll( `[${ATTRIBUTES.lang_conditional}]` ); all_conditional_components.forEach((component) => { const show_on_lang_array = component .getAttribute(ATTRIBUTES.lang_conditional) .replace(/\s+/g, "") .split(","); if (!Object.values(show_on_lang_array).includes(get_local_by_attr)) { hideItem(component); } }); const internal_page_images = document.querySelectorAll("[int-image]"); if (internal_page_images) handleIntImages(internal_page_images, get_local_by_attr); } function handleIntImages(images, currentLang) { images.forEach((img) => { const int_images_element = img.nextElementSibling; if (!int_images_element || !int_images_element.innerText) return; const images_json_text = int_images_element.innerText.replace(/\s+/g, ""); let images_json try { images_json = JSON.parse(`{${images_json_text}}`); } catch(e) { images_json = {}; } const src = images_json[currentLang] ? images_json[currentLang] : img.src; img.src = src; img.srcset = src; }); } $( document ).ready(function() { init(); }); </script> <script type="text/javascript" defer> // <sl:translate> let footer_list1_heading = 'Company'; let footer_list1_link1 = 'About'; let footer_list1_url1 = 'https://www.spotify.com/us/about-us/contact/'; let footer_list1_link2 = 'Press & Media'; let footer_list1_url2 = 'https://newsroom.spotify.com/'; let footer_list1_link3 = 'Careers'; let footer_list1_url3 = 'https://www.lifeatspotify.com/jobs'; let footer_list1_link4 = 'Contact Us'; let footer_list1_url4 = 'https://help.spotifyforpodcasters.com/hc/articles/12584441279131'; let footer_list2_heading = 'Fine Print'; let footer_list2_link1 = 'Legal'; let footer_list2_url1 = 'https://www.spotify.com/legal/'; let footer_list2_link2 = 'Privacy Center'; let footer_list2_url2 = 'https://www.spotify.com/privacy/'; let footer_list2_link3 = 'Privacy Policy'; let footer_list2_url3 = 'https://www.spotify.com/legal/privacy-policy/'; let footer_list2_link4 = 'Cookies'; let footer_list2_url4 = 'https://www.spotify.com/legal/cookies-policy/'; let footer_list2_link5 = 'CA Disclosures'; let footer_list2_url5 = 'https://www.spotify.com/us/legal/California-privacy-disclosure/'; let footer_list3_heading = 'Creator Tools'; let footer_list3_link1 = 'Help Center'; let footer_list3_url1 = 'https://creators.spotify.com/help'; let footer_list3_link2 = 'Megaphone'; let footer_list3_url2 = 'https://megaphone.spotify.com/'; let footer_list3_link3 = 'Spotify Studios'; let footer_list3_url3 = 'https://spotify.com/spotifystudios'; let footer_list3_link4 = 'Spotify for Artists'; let footer_list3_url4 = 'https://artists.spotify.com/home'; let footer_list3_link5 = 'Findaway Voices'; let footer_list3_url5 = 'https://www.findawayvoices.com/'; let footer_socials_heading = 'Follow us'; let footer_downloads_heading = 'Get the app'; // </sl:translate> function waitForFooterElement(){ if(typeof window.initFooter !== "undefined"){ const isProdUrl = window.location.href.includes(".spotify.com"); let currPageLocale = isProdUrl ? document.documentElement.getAttribute("lang") : document.cookie.replace(/(?:(?:^|.*;\s*)sp_locale\s*\=\s*([^;]*).*$)|^.*$/, "$1"); var lang = document.cookie.match(new RegExp('(^| )' + 'sp_locale' + '=([^;]+)'))?.[2] || 'en'; window.initFooter({ data: { lists: [ { heading: footer_list1_heading, links: [ { label: footer_list1_link1, url: footer_list1_url1 }, { label: footer_list1_link2, url: footer_list1_url2 }, { label: footer_list1_link3, url: footer_list1_url3 }, { label: footer_list1_link4, url: footer_list1_url4 }, ] }, { heading: footer_list2_heading, links: [ { label: footer_list2_link1, url: footer_list2_url1 }, { label: footer_list2_link2, url: footer_list2_url2 }, { label: footer_list2_link3, url: footer_list2_url3 }, { label: footer_list2_link4, url: footer_list2_url4 }, ] }, { heading: footer_list3_heading, links: [ { label: footer_list3_link1, url: footer_list3_url1 }, { label: footer_list3_link2, url: footer_list3_url2 }, // { label: footer_list3_link3, url: footer_list3_url3 }, // formely spotify studios { label: footer_list3_link4, url: footer_list3_url4 }, { label: footer_list3_link5, url: footer_list3_url5 }, ] } ], socials: [{ heading: footer_socials_heading, links: [ { label: 'instagram', url: 'http://instagram.com/spotifyforpodcasters' }, { label: 'twitter', url: currPageLocale === (!isProdUrl ? 'ja' : 'ja-JP') ? 'http://twitter.com/forpodcastersjp' : 'https://x.com/spotifycreator' }, ] }], downloads: [{ heading: footer_downloads_heading, links: [ { label: 'apple', url: 'https://creator.spoti.fi/J0pLyf1htOb' }, { label: 'google', url: 'https://creator.spoti.fi/pwWYLy7htOb' }, ] }] }}); } else{ setTimeout(waitForFooterElement, 250); } } waitForFooterElement(); </script> <script type="text/javascript" defer> // <sl:translate> let list1_heading = 'Features'; let list1_link1 = 'Customization'; let list1_link3 = 'Growth'; let list1_link4 = 'Monetization'; let list2_heading = 'Resources'; let list2_link1 = 'News'; let list2_link2 = 'Learn'; let list2_link3 = 'Research'; let list2_link4 = 'Community'; let video_label = 'Video'; let podcast_label = 'Podcast'; let switch_label = 'Switch'; let help_label = 'Help'; let login_label = 'Log in'; let signup_label = 'Sign up'; let pagination_last_label = 'Last'; // </sl:translate> function onMainWebflowBundleLoaded() { if(window.trackJs) { if(window.location.href.includes(".spotify.com")) { trackJs({dataLayerPushInitial: true, googleTagManagerId: 'GTM-NFX358T', oneTrustDomainScript: '50da44be-0564-43df-b139-329aedcf267b', oneTrust: true, market: "US" }); } } //waitForElement(); } function waitForElement(){ if(typeof window.initNavbar !== "undefined"){ const initSection = document.querySelector('.hero, .hero-full-height, .section'); const themeID = initSection.getAttribute('theme'); window.initNavbar({ theme: { name: themeID || 'black' }, data: { navBarItems: [ { label: list1_heading, items: [ { label: list1_link1, url: '/features/customization', stayInTab: true }, { label: list1_link3, url: '/features/growth', stayInTab: true }, { label: list1_link4, url: '/features/monetization', stayInTab: true }, ] }, { label: list2_heading, url: '/resources', stayInTab: true }, { label: video_label, url: '/features/video', stayInTab: true }, { label: podcast_label, url: '/features/podcast', stayInTab: true }, { label: switch_label, url: '/switch', stayInTab: true }, { label: help_label, url: 'https://creators.spotify.com/help', stayInTab: false } ], misc: [ { label: login_label, url: 'https://creator.spoti.fi/3tEaIAohtOb', stayInTab: true }, { label: signup_label, url: 'https://creator.spoti.fi/r7CWS7xhtOb', stayInTab: true } ], locales: [ { cookieValue: 'en', label: 'English', pageLocale: 'en-US', shortLabel: 'EN' }, { cookieValue: 'fr', label: 'Français', pageLocale: 'fr-FR', shortLabel: 'FR' }, { cookieValue: 'de', label: 'Deutsch', pageLocale: 'de-DE', shortLabel: 'DE' }, { cookieValue: 'id', label: 'Indonesia', pageLocale: 'id-ID', shortLabel: 'ID' }, { cookieValue: 'it', label: 'Italiano', pageLocale: 'it-IT', shortLabel: 'IT' }, { cookieValue: 'ja', label: '日本語', pageLocale: 'ja-JP', shortLabel: 'JP' }, //{ cookieValue: 'ko', label: '한국어', pageLocale: 'ko-KR', shortLabel: 'KR' }, //{ cookieValue: 'pl', label: 'Polski', pageLocale: 'pl-PL', shortLabel: 'PL' }, { cookieValue: 'pt', label: 'Português', pageLocale: 'pt-BR', shortLabel: 'PT' }, { cookieValue: 'es-LA', label: 'Español', pageLocale: 'es-LA', shortLabel: 'ES' }, //{ cookieValue: 'th', label: 'ไทย', pageLocale: 'th-TH', shortLabel: 'TH' }, { cookieValue: 'tr', label: 'Türkçe', pageLocale: 'tr-TR', shortLabel: 'TR' }, //{ cookieValue: 'vi', label: 'Tiếng Việt', pageLocale: 'vi-VN', shortLabel: 'VN' }, ] }}); } else { setTimeout(waitForElement, 250); } } waitForElement(); </script> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NFX358T" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> </body></html>