How it works

<!DOCTYPE html><html data-wf-domain="www.introcast.io" data-wf-page="665455a0308ecc39b6848503" data-wf-site="64bf89795d0c0ea17c12b17b" lang="en"><head><meta charset="utf-8"/><title>How it works</title><meta content="How it works" property="og:title"/><meta content="How it works" property="twitter:title"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/css/introcast.webflow.e7eed9176.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/64bf89795d0c0ea17c12b17b/64ec815c73fdf2e3139322b9_favicon.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64ec8175e7b32fbe8be348a0_64bfaecb4eba42c66adb78ed_favicon%202.png" rel="apple-touch-icon"/> <script async src="https://www.googletagmanager.com/gtag/js?id=G-RCYS836W9P"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-RCYS836W9P'); </script>   <script defer src="https://cdn.jsdelivr.net/gh/sygnaltech/webflow-util@v5.2.1/dist/nocode/webflow-video.min.js"></script> <style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -o-font-smoothing: antialiased; } html { font-size: calc(0.625rem + 0.41666666666666663vw); } @media screen and (max-width:1920px) { html { font-size: calc(0.625rem + 0.41666666666666674vw); } } @media screen and (max-width:1440px) { html { font-size: calc(0.8126951092611863rem + 0.20811654526534862vw); } } @media screen and (max-width:479px) { html { font-size: calc(0.7494769874476988rem + 0.8368200836820083vw); } } </style>  <script defer src="https://cdn.jsdelivr.net/npm/@finsweet/attributes-rangeslider@1/rangeslider.js"></script> <style> @media screen and (max-width: 992px) { .w-background-video { height: 400px !important; } } .w-background-video > video { object-fit: contain !important; width: auto !important; border-radius: 15px; } .w-slider-nav-invert > div.w-active { background-color: #162832 !important; } .fs-rangeslider_handle-value, .fs-rangeslider_handle { outline: none; } </style> <style> .audioplayer { height: 54px; color: #172733; position: relative; z-index: 1; border: 1px solid rgba(0,0,0,0.14); border-radius: 9999px; } .audioplayer-mini { height: 3.5em; margin: 0 auto; } .audioplayer > div { position: absolute; } .audioplayer-playpause { width: 34px; height: 34px; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 9px; left: 10px; } .audioplayer-mini .audioplayer-playpause { width: 100%; } .audioplayer-playpause a { display: block; position: relative; } .audioplayer:not(.audioplayer-playing) .audioplayer-playpause a { width: 0; height: 0; content: ''; } .audioplayer-playing .audioplayer-playpause a { width: 34px; height: 34px; } .audioplayer-playing .audioplayer-playpause a:before { left: 0; } .audioplayer-playing .audioplayer-playpause a:after { right: 0; } .audioplayer-time { width: 4.375em; /* 70 */ height: 100%; text-align: center; z-index: 2; top: 0; font-size: 14px; font-size: 14px; line-height: 3.7em; } .audioplayer-time-current { left: 3.5em; /* 40 */ } .audioplayer-time-duration { right: 2.5em; /* 40 */ } .audioplayer-novolume .audioplayer-time-duration { right: 0; } .audioplayer-bar { height: 0.6em; /* 14 */ cursor: pointer; z-index: 1; top: 50%; right: 6.5em; /* 110 */ left: 7.5em; /* 110 */ margin-top: -0.28em; /* 7 */ background: rgba(0,0,0,0.11); } .audioplayer-novolume .audioplayer-bar { right: 4.375em; /* 70 */ } .audioplayer-bar div { width: 0; height: 100%; position: absolute; left: 0; top: 0; } .audioplayer-bar-loaded { background: rgba(0,0,0,0); z-index: 1; } .audioplayer-bar-played { background: #172733; z-index: 2; } .audioplayer-volume { width: 2.5em; /* 40 */ height: 100%; text-align: left; text-indent: -9999px; cursor: pointer; z-index: 2; top: 0; right: 0; } .audioplayer-volume-button { width: 100%; height: 100%; } .audioplayer-volume-button a { width: 0.313em; /* 5 */ height: 0.375em; /* 6 */ background-color: #172733; display: block; position: relative; z-index: 1; top: 44%; left: 15%; } .audioplayer-volume-button a:before, .audioplayer-volume-button a:after { content: ''; position: absolute; } .audioplayer-volume-button a:before { width: 0; height: 0; border: 0.5em solid transparent; /* 8 */ border-left: none; border-right-color: #172733; z-index: 2; top: 50%; right: -0.25em; margin-top: -0.5em; /* 8 */ } .audioplayer:not(.audioplayer-mute) .audioplayer-volume-button a:after { /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */ width: 0.313em; /* 5 */ height: 0.313em; /* 5 */ border: 0.25em double #172733; /* 4 */ border-width: 0.25em 0.25em 0 0; /* 4 */ left: 0.563em; /* 9 */ top: -0.063em; /* 1 */ -webkit-border-radius: 0 0.938em 0 0; /* 15 */ -moz-border-radius: 0 0.938em 0 0; /* 15 */ border-radius: 0 0.938em 0 0; /* 15 */ -webkit-transform: rotate( 45deg ); -moz-transform: rotate( 45deg ); -ms-transform: rotate( 45deg ); -o-transform: rotate( 45deg ); transform: rotate( 45deg ); } .audioplayer-volume-adjust { height: 5em; /* 100 */ width: 1.5em; cursor: default; position: absolute; left: 3px; right: 0; top: -9999px; background: #fff; bottom: 42px!important; -webkit-border-top-left-radius: 2px; -webkit-border-top-right-radius: 2px; -moz-border-radius-topleft: 2px; -moz-border-radius-topright: 2px; border-top-left-radius: 2px; border-top-right-radius: 2px; } .audioplayer-volume:not(:hover) .audioplayer-volume-adjust { opacity: 0; } .audioplayer-volume:hover .audioplayer-volume-adjust { top: auto; bottom: 100%; } .audioplayer-volume-adjust > div { width: 30%; height: 80%; background-color: rgba(0,0,0,0.11); cursor: pointer; position: relative; z-index: 1; margin: 30% auto 0; } .audioplayer-volume-adjust div div { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; background: #172733; } .audioplayer-novolume .audioplayer-volume { display: none; } .audioplayer *, .audioplayer *:before, .audioplayer *:after { -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease; -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease; transition: color .25s ease, background-color .25s ease, opacity .5s ease; } </style></head><body><div class="page-wrapper"><div class="global-styles w-embed"><style> /* Focus state style for keyboard navigation for the focusable elements */ *[tabindex]:focus-visible, input[type="file"]:focus-visible { outline: 0.125rem solid #4d65ff; outline-offset: 0.125rem; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } /* Prevent all click and hover interaction with an element */ .pointer-events-off { pointer-events: none; } /* Enables all click and hover interaction with an element */ .pointer-events-on { pointer-events: auto; } /* Create a class of .div-square which maintains a 1:1 dimension of a div */ .div-square::after { content: ""; display: block; padding-bottom: 100%; } /* Make sure containers never lose their center alignment */ .container-medium,.container-small, .container-large { margin-right: auto !important; margin-left: auto !important; } /* Make the following elements inherit typography styles from the parent and not have hardcoded values. Important: You will not be able to style for example "All Links" in Designer with this CSS applied. Uncomment this CSS to use it in the project. Leave this message for future hand-off. */ /* a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } */ /* Apply "..." after 3 lines of text */ .text-style-3lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } /* Apply "..." after 2 lines of text */ .text-style-2lines { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } /* Adds inline flex display */ .display-inlineflex { display: inline-flex; } /* These classes are never overwritten */ .hide { display: none !important; } @media screen and (max-width: 991px) { .hide, .hide-tablet { display: none !important; } } @media screen and (max-width: 767px) { .hide-mobile-landscape{ display: none !important; } } @media screen and (max-width: 479px) { .hide-mobile{ display: none !important; } } .margin-0 { margin: 0rem !important; } .padding-0 { padding: 0rem !important; } .spacing-clean { padding: 0rem !important; margin: 0rem !important; } .margin-top { margin-right: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-top { padding-right: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-right { margin-top: 0rem !important; margin-bottom: 0rem !important; margin-left: 0rem !important; } .padding-right { padding-top: 0rem !important; padding-bottom: 0rem !important; padding-left: 0rem !important; } .margin-bottom { margin-top: 0rem !important; margin-right: 0rem !important; margin-left: 0rem !important; } .padding-bottom { padding-top: 0rem !important; padding-right: 0rem !important; padding-left: 0rem !important; } .margin-left { margin-top: 0rem !important; margin-right: 0rem !important; margin-bottom: 0rem !important; } .padding-left { padding-top: 0rem !important; padding-right: 0rem !important; padding-bottom: 0rem !important; } .margin-horizontal { margin-top: 0rem !important; margin-bottom: 0rem !important; } .padding-horizontal { padding-top: 0rem !important; padding-bottom: 0rem !important; } .margin-vertical { margin-right: 0rem !important; margin-left: 0rem !important; } .padding-vertical { padding-right: 0rem !important; padding-left: 0rem !important; } /* Apply "..." at 100% width */ .truncate-width { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } /* Removes native scrollbar */ .no-scrollbar { -ms-overflow-style: none; overflow: -moz-scrollbars-none; } .no-scrollbar::-webkit-scrollbar { display: none; } </style></div><div data-animation="default" class="navbar1_component w-nav" data-easing2="ease" fs-scrolldisable-element="smart-nav" data-easing="ease" data-collapse="medium" data-w-id="5008045c-095f-0b45-fcd3-351b856bca41" role="banner" data-duration="400"><div class="navbar1_container"><a href="/" aria-label="Introcast's logo" class="navbar1_logo-link w-nav-brand"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64bf8a5c3cd7d03f3167bf4c_logo.svg" loading="lazy" width="169" height="31" alt="" class="navbar1_logo"/></a><nav role="navigation" class="navbar1_menu is-page-height-tablet w-nav-menu"><a href="/how-it-works" aria-current="page" class="navbar1_link w-nav-link w--current">How it works</a><a href="/about" class="navbar1_link w-nav-link">About us</a><a href="/contact" class="navbar1_link w-nav-link">Contact</a><div class="navbar1_menu-buttons"><a href="https://app.introcast.io/login" target="_blank" class="button is-alternate is-small w-button">Log in</a><a href="http://app.introcast.io/publisher/signup" target="_blank" class="button is-small signup-btn w-button">Sign up</a></div></nav><div class="navbar1_menu-button w-nav-button"><div class="menu-icon1"><div class="menu-icon1_line-top"></div><div class="menu-icon1_line-middle"><div class="menu-icon_line-middle-inner"></div></div><div class="menu-icon1_line-bottom"></div></div></div></div></div><main class="main-wrapper"><section class="section_layout1 background-color-mint"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="w-layout-grid layout1_component shows"><div class="layout1_content"><div class="margin-bottom margin-xsmall"><div class="text-size-medium text-style-highlight">STEP 1</div></div><div class="margin-bottom margin-small"><h2 class="heading-style-h2 text-color-midnight">Pick the shows you want to promote</h2></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">You have full control over who you promote, just browse the available Introcast offers and pick the ones that you like.</p></div></div><div id="w-node-_88c94885-9844-8b4a-62c8-9483ecc74966-b6848503" class="layout1_video-wrapper introcast-offer-modal"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668c0ff7d810266620bb79fb_introcast-offer-modal.png" loading="lazy" sizes="(max-width: 991px) 90vw, 50vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668c0ff7d810266620bb79fb_introcast-offer-modal-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668c0ff7d810266620bb79fb_introcast-offer-modal-p-800.png 800w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668c0ff7d810266620bb79fb_introcast-offer-modal-p-1080.png 1080w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668c0ff7d810266620bb79fb_introcast-offer-modal.png 1492w" alt=""/></div></div></div></div></div></section><section class="section_layout1"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="w-layout-grid layout1_component layout-flex"><div id="w-node-_340ddb50-8a65-894f-6acc-9b677214f92f-b6848503" class="play play-xs"><div class="play-wrapper"><div class="play-item"><div class="play-content full-width"><div class="introcast-cover"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667166aeaeb2b3cf12e1b614_1-1.png" loading="lazy" sizes="(max-width: 767px) 90vw, (max-width: 991px) 618px, 40vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667166aeaeb2b3cf12e1b614_1-1-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667166aeaeb2b3cf12e1b614_1-1.png 618w" alt="" class="testimonial_customer-image"/></div><div class="introcast-info"><h1 class="heading-style-h6">Paul Giamatti鈥檚 CHINWAG with Stephen Asma introcasts The Kevin Rose Show</h1></div><div class="w-embed"><audio preload="metadata" class="audio-player" controls> <source data-src="https://d2202j4vn6zzih.cloudfront.net/campaign_targets/audio/6638c3ec118ee2005da13958/LhpxU.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></div></div></div></div></div><div class="layout1_content"><div class="margin-bottom margin-xsmall"><div class="text-size-medium text-style-highlight">STEP 2</div></div><div class="margin-bottom margin-small"><h2 class="heading-style-h2 text-color-midnight">Record your Introcasts</h2></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">Record a 2 minutes Introcast to introduce those new shows to your Audience.</p></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">Introcasts are always recorded by you, as you know best how to speak to your listeners.</p></div></div></div></div></div></div></section><section class="section_layout1 background-color-mint"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="w-layout-grid layout1_component flex-40-60"><div class="layout1_content width-60"><div class="margin-bottom margin-xsmall"><div class="text-size-medium text-style-highlight">STEP 3</div></div><div class="margin-bottom margin-small"><h2 class="heading-style-h2 text-color-midnight">Introcast appears as a short episode on all podcast apps</h2></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">Once you publish your Introcast, it will automatically be inserted below your latest episode on your feed.</p></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">Listeners can listen to it on any app they listen to your podcast with.</p></div></div><div id="w-node-_733739f6-4bc2-18b9-9795-71a1ee431d6e-b6848503" class="layout1_video-wrapper"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples.png" loading="lazy" sizes="(max-width: 991px) 90vw, 55vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples-p-800.png 800w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples-p-1080.png 1080w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples-p-1600.png 1600w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/668bdfd4d778526cfff8150f_introcast-examples.png 1952w" alt=""/></div></div></div></div></div></section><section class="section_layout1"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="w-layout-grid layout1_component layout-flex"><div id="w-node-_28a4a9d3-528c-ea74-1c25-9af51c28f673-b6848503" class="layout1_video-wrapper width-smaller"><div class="div-block lottie-mobile-full"><div class="lottie-animation" data-w-id="28a4a9d3-528c-ea74-1c25-9af51c28f675" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716bad800ac486ba9e60c8_061624_Introcast.json" data-loop="1" data-direction="1" data-autoplay="1" data-is-ix2-target="0" data-renderer="svg" data-default-duration="5.08" data-duration="0"></div></div></div><div class="layout1_content"><div class="margin-bottom margin-small"><h2 class="heading-style-h2 text-color-midnight">Publish once, earn recurring revenue</h2></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">When you publish new episodes for your show, Introcasts will stick to the second slot of your feed.</p></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-midnight">This is how a single Introcast can generate recurring monthly revenue for your podcast, with little to no effort.</p></div></div></div></div></div></div></section><section id="earnings" class="section_layout192 background-color-midnight"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="w-layout-grid layout192_component"><div id="w-node-_0a424b1a-7b10-2b65-cec5-01e1b11a31de-b6848503" class="fs-rangeslider_component"><div class="margin-bottom margin-small"><p class="text-weight-medium text-size-large">Enter your average downloads per episode</p></div><div class="margin-bottom margin-medium"><div class="fs-rangeslider_form w-form"><form id="form" name="email-form" data-name="Email Form" method="get" data-wf-page-id="665455a0308ecc39b6848503" data-wf-element-id="0a424b1a-7b10-2b65-cec5-01e1b11a31e4"><div fs-rangeslider-formatdisplay="true" fs-rangeslider-element="wrapper" fs-rangeslider-min="0" fs-rangeslider-max="100" fs-rangeslider-step="1" class="fs-rangeslider_wrapper"><div fs-rangeslider-element="track" class="fs-rangeslider_track"><div fs-rangeslider-start="20" fs-rangeslider-element="handle" class="fs-rangeslider_handle"><div class="fs-rangeslider_handle-value"><span fs-rangeslider-element="display-value">0</span>k</div></div><div fs-rangeslider-element="fill" class="fs-rangeslider_fill"></div></div><input class="fs-rangeslider_input w-input" maxlength="256" name="From-3" fs-cmsfilter-field="price" data-name="From 3" fs-cmsfilter-range="from" placeholder="From" type="text" id="From-3"/><div class="fs-range_values"></div></div></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="margin-bottom margin-xsmall"><div class="text-size-large text-weight-medium">Introcasts could earn you</div></div><div class="fs-rangeslider_info-wrapper align-left"><span class="fs-rangeslider_dollar">$</span><span class="fs-rangeslider_info-value"> 1600</span> <span class="fs_rangeslider_date position-bottom">/month</span></div></div><div id="w-node-_0a424b1a-7b10-2b65-cec5-01e1b11a3200-b6848503" class="layout192_content"><div class="margin-bottom margin-xsmall"><div class="text-size-medium text-style-highlight">HOW MUCH CAN I EARN?</div></div><div class="margin-bottom margin-small"><h2 class="heading-style-h2 text-color-white">Earn with every download</h2></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-white">You earn every time an Introcast gets downloaded on any podcast player.</p></div><div class="margin-bottom margin-medium"><p class="text-style-default text-color-white">Get paid every month, directly on your bank account.</p></div><a href="http://app.introcast.io/publisher/signup" target="_blank" class="button is-secondary signup-btn w-button">Sign me up</a></div></div></div></div></div></section><section class="section_slider section_slider-listen"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="max-width-large"><h2 class="heading-style-h2">Start Introcasting, you are in good company</h2></div><div class="spacer-xxlarge"></div><div class="play"><div class="play-wrapper"><div class="play-item"><div class="play-content one-third-width"><div class="introcast-cover"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667416b058f5d4e09dd558fc_SCR-20240620-mhnn.png" loading="lazy" sizes="(max-width: 479px) 82vw, (max-width: 767px) 85vw, (max-width: 991px) 86vw, 25vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667416b058f5d4e09dd558fc_SCR-20240620-mhnn-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/667416b058f5d4e09dd558fc_SCR-20240620-mhnn.png 548w" alt="" class="testimonial_customer-image"/></div><div class="introcast-info"><h1 class="heading-style-h6">Nobody Should Believe Me introcasts The Jordan Harbinger Show</h1></div><div class="w-embed"><audio preload="metadata" class="audio-player" controls> <source data-src="https://d2202j4vn6zzih.cloudfront.net/campaign_targets/audio/6514b037319b6a7d09565900/audio-sample.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></div></div><div class="play-content one-third-width"><div class="introcast-cover"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716931f6cdb6c2ac318729_SCR-20240618-lrqc.png" loading="lazy" sizes="(max-width: 479px) 82vw, (max-width: 767px) 85vw, (max-width: 991px) 86vw, 25vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716931f6cdb6c2ac318729_SCR-20240618-lrqc-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716931f6cdb6c2ac318729_SCR-20240618-lrqc-p-800.png 800w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716931f6cdb6c2ac318729_SCR-20240618-lrqc.png 1066w" alt="" class="testimonial_customer-image"/></div><div class="introcast-info"><h1 class="heading-style-h6">The Scott Mys Show introcasts The Kevin Rose Show</h1></div><div class="w-embed"><audio class="audio-player" preload="metadata" controls> <source data-src="https://d2202j4vn6zzih.cloudfront.net/campaign_targets/audio/6638d971118ee2005ba13956/L7dID.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></div></div><div class="play-content one-third-width"><div class="introcast-cover"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716748abb931a480440e48_SCR-20240618-losp.png" loading="lazy" sizes="(max-width: 479px) 82vw, (max-width: 767px) 85vw, (max-width: 991px) 86vw, 25vw" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716748abb931a480440e48_SCR-20240618-losp-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/66716748abb931a480440e48_SCR-20240618-losp.png 536w" alt="" class="testimonial_customer-image"/></div><div class="introcast-info"><h1 class="heading-style-h6">Badass Digital Nomads introcasts Zero To Travel</h1></div><div class="w-embed"><audio class="audio-player" preload="metadata" controls> <source data-src="https://d2202j4vn6zzih.cloudfront.net/campaign_targets/audio/664bbbb6fbfec9dc15ab15ac/vJIif.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio></div></div></div></div></div></div></div></div></section><section class="section_logo background-color-midnight"><div class="padding-global"><div class="container-large"><div class="padding-section-medium"><div class="logo_component"><div class="logo_content"><div class="margin-bottom margin-small"><h4 class="heading-style-h4 text-color-white">Easy setup with any host</h4></div><div class="margin-bottom margin-xlarge"><div class="max-width-xsmall"><p class="text-weight-light text-color-white">Introcast seamlessly integrates with all leading podcast hosts.</p></div></div><div class="logo_logo-wrapper"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c7792dc9d9ce67484b42a9_libsyn-logo-dark%201.png" loading="lazy" height="26" width="88" alt="" class="logo_logo"/><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c77970bc7726512117d67b_Megaphone-logo%201.png" loading="lazy" width="126" height="27" alt="" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c77970bc7726512117d67b_Megaphone-logo%201-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c77970bc7726512117d67b_Megaphone-logo%201.png 504w" sizes="126px" class="logo_logo"/><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c779af05fabb12a5e364dd_f0a5afe1aff8adbbeaa144483d76faf165308dae%202.png" loading="lazy" width="167" height="32" alt="" srcset="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c779af05fabb12a5e364dd_f0a5afe1aff8adbbeaa144483d76faf165308dae%202-p-500.png 500w, https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c779af05fabb12a5e364dd_f0a5afe1aff8adbbeaa144483d76faf165308dae%202.png 668w" sizes="167px" class="logo_logo"/></div></div><div class="logo_content"><div class="margin-bottom margin-small"><h4 class="heading-style-h4 text-color-white">Compatible with all players</h4></div><div class="margin-bottom margin-xlarge"><div class="max-width-xsmall"><p class="text-weight-light text-color-white">Introcasts reach your listeners with ease, wherever your they listen to your content.</p></div></div><div class="logo_logo-wrapper"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64bf8a5a46321aa561e37e0d_apple-podcasts.svg" loading="lazy" width="132" height="38" alt="" class="logo_logo"/><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64bf8a5d472f9d895d75e9ad_spotify.svg" loading="lazy" width="122" height="38" alt="" class="logo_logo"/><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c77865bc7726512116c377_overcast%201.png" loading="lazy" width="121" height="53" alt="" class="logo_logo"/><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64c778f8b6ef5ddc5c198ad0_castbox.svg" loading="lazy" width="116" height="46" alt="" class="logo_logo"/></div></div></div></div></div></div></section><section class="section_faq background-color-mint"><div class="padding-global"><div class="container-large"><div class="padding-section-large"><div class="w-layout-grid faq_component"><div class="faq_content"><div class="margin-bottom margin-medium"><h2 class="heading-style-h2">Any questions?</h2></div><a href="mailto:hello@introcast.io?subject=Hello%20Introcast" class="button is-secondary w-button">Contact us</a></div><div class="faq_list"><div class="faq_accordion"><div data-w-id="88c94885-9844-8b4a-62c8-9483ecc74ad3" class="faq_question"><div class="faq_question-title">How long do Introcasts run?</div><div class="faq_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 20.8839C16.2374 21.1768 15.7626 21.1768 15.4697 20.8839L7.82318 13.2374C7.53029 12.9445 7.53029 12.4697 7.82318 12.1768L8.17674 11.8232C8.46963 11.5303 8.9445 11.5303 9.2374 11.8232L16 18.5858L22.7626 11.8232C23.0555 11.5303 23.5303 11.5303 23.8232 11.8232L24.1768 12.1768C24.4697 12.4697 24.4697 12.9445 24.1768 13.2374L16.5303 20.8839Z" fill="currentColor"/> </svg></div></div><div style="width:100%;height:0px" class="faq_answer"><div class="margin-bottom margin-small"><div class="max-width-medium"><p>We enable you to create a long-lasting passive income stream. You decide how long you would like to earn. We will regularly send new offers to keep your content fresh!</p></div></div></div></div><div class="faq_accordion"><div data-w-id="88c94885-9844-8b4a-62c8-9483ecc74add" class="faq_question"><div class="faq_question-title">What is the Introcast format?</div><div class="faq_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 20.8839C16.2374 21.1768 15.7626 21.1768 15.4697 20.8839L7.82318 13.2374C7.53029 12.9445 7.53029 12.4697 7.82318 12.1768L8.17674 11.8232C8.46963 11.5303 8.9445 11.5303 9.2374 11.8232L16 18.5858L22.7626 11.8232C23.0555 11.5303 23.5303 11.5303 23.8232 11.8232L24.1768 12.1768C24.4697 12.4697 24.4697 12.9445 24.1768 13.2374L16.5303 20.8839Z" fill="currentColor"/> </svg></div></div><div style="width:100%;height:0px" class="faq_answer"><div class="margin-bottom margin-small"><div class="max-width-medium"><p>All Introcasts are 2-4 minute episodes, recorded by you. We believe in authentic recommendations and will never insert third-party content into your feed.</p></div></div></div></div><div class="faq_accordion"><div data-w-id="88c94885-9844-8b4a-62c8-9483ecc74ae7" class="faq_question"><div class="faq_question-title">Can I run multiple Introcasts at the same time?</div><div class="faq_icon w-embed"><svg width="100%" height="100%" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.5303 20.8839C16.2374 21.1768 15.7626 21.1768 15.4697 20.8839L7.82318 13.2374C7.53029 12.9445 7.53029 12.4697 7.82318 12.1768L8.17674 11.8232C8.46963 11.5303 8.9445 11.5303 9.2374 11.8232L16 18.5858L22.7626 11.8232C23.0555 11.5303 23.5303 11.5303 23.8232 11.8232L24.1768 12.1768C24.4697 12.4697 24.4697 12.9445 24.1768 13.2374L16.5303 20.8839Z" fill="currentColor"/> </svg></div></div><div style="width:100%;height:0px" class="faq_answer"><div class="margin-bottom margin-small"><div class="max-width-medium"><p>Yes! If you want to recommend more than one podcast, you can add multiple Introcasts to the rotation. Only one Introcast will be displayed in your feed at a time, featuring the currently active Introcast.</p></div></div></div></div></div></div></div></div></div></section></main><footer class="footer_component background-color-midnight"><div class="padding-global"><div class="container-large"><div class="padding-vertical padding-xxlarge"><div class="padding-bottom padding-xxlarge"><div class="w-layout-grid footer_top-wrapper"><div id="w-node-_1f489fa0-97f8-0a2f-bd12-6821d8743322-d874331c" class="footer_left-wrapper"><a href="#" aria-label="Introcast's logo" id="w-node-_1f489fa0-97f8-0a2f-bd12-6821d8743323-d874331c" class="footer_logo-link w-nav-brand"><img src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/64bf8a5c3cd7d03f3167bf4c_logo.svg" loading="lazy" width="169" height="31" alt=""/></a><div id="w-node-_1f489fa0-97f8-0a2f-bd12-6821d8743325-d874331c" class="w-layout-grid footer_link-list"><a href="/about" class="footer_link">About us</a><a href="/contact" class="footer_link">Contact</a></div></div><div class="footer_right-wrapper"><div class="margin-bottom margin-xsmall"><div class="text-weight-medium text-color-white">Join the list</div></div><div class="footer_form-block w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="footer_form" data-wf-page-id="665455a0308ecc39b6848503" data-wf-element-id="1de4500d-9acd-c6ea-02c2-ae68d3c33b30"><input class="form-input w-input" maxlength="256" name="email-2" data-name="Email 2" placeholder="" type="email" id="email" required=""/><input type="submit" data-wait="Please wait..." class="button is-alternate is-small w-button" value="Subscribe"/></form><div class="text-size-tiny text-color-white">By subscribing you agree to with our <a href="/privacy-policy" class="footer_sub-link"><span class="text-weight-light text-color-white text-style-link">Privacy Policy</span></a> </div><div class="success-message w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="error-message w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div></div></div><div class="line-divider"></div><div class="padding-top padding-medium"><div class="footer_bottom-wrapper"><div class="w-layout-grid footer_legal-list"><a href="/privacy-policy" class="footer_legal-link">Privacy Policy</a><a href="/terms-of-service" class="footer_legal-link">Terms of Service</a></div><div class="footer_credit-text">漏 <span fs-hacks-element="year">2024</span> Introcast. All rights reserved.</div></div></div></div></div></div></footer></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=64bf89795d0c0ea17c12b17b" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/64bf89795d0c0ea17c12b17b/js/webflow.a038e0e41.js" type="text/javascript"></script><script> // Slide Calculator $(document).ready(function() { // Select the element that you want to observe var target = $('span[fs-rangeslider-element="display-value"]')[0]; // Create a callback function to execute when mutations are observed var callback = function(mutationsList, observer) { for(var mutation of mutationsList) { if (mutation.type === 'childList' || mutation.type === 'characterData') { const value = $(target).text(); const result = ((value * 1000) * 80) / 1000; $('.fs-rangeslider_info-value').text(result); } } }; // Create an instance of MutationObserver with the callback function var observer = new MutationObserver(callback); // Options for the observer (which mutations to observe) var config = { attributes: false, childList: true, subtree: true, characterData: true }; // Start observing the target node for configured mutations observer.observe(target, config); }); </script> <script> // Function to get the URL parameters function getUrlParams() { var params = {}; // Parse parameters from the query string window.location.search.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(str, key, value) { params[key] = value; }); // Parse parameters from the fragment, if they exist var fragment = window.location.hash.substr(1); // gets the fragment without # if (fragment.includes("?")) { var fragmentParamsStr = fragment.split("?")[1]; var fragmentParamsArr = fragmentParamsStr.split("&"); for (var i = 0; i < fragmentParamsArr.length; i++) { var pair = fragmentParamsArr[i].split("="); if (pair.length === 2) { params[pair[0]] = pair[1]; } } } return params; } $(document).ready(function() { $('.signup-btn').click(function(event) { event.preventDefault(); // Prevent the default action var baseUrl = 'https://app.introcast.io/publisher/signup'; var params = getUrlParams(); var queryString = $.param(params); // Convert the params object to a query string var newUrl = baseUrl; if (queryString) { newUrl += '?' + queryString; } window.open(newUrl, '_blank'); }); $('a:not(.signup-btn)').click(function(event) { // Get the href of the clicked link var linkHref = $(this).attr('href'); // Check if the link has an href (to avoid any potential issues) if (linkHref) { event.preventDefault(); // Prevent the default action var params = getUrlParams(); var queryString = $.param(params); // Convert the params object to a query string if (queryString) { // Check if the href already has parameters linkHref += (linkHref.includes('?') ? '&' : '?') + queryString; } window.location.href = linkHref; // Redirect to the new URL } }); }); </script> <script> ;(function( $, window, document, undefined ) { var isTouch = 'ontouchstart' in window, eStart = isTouch ? 'touchstart' : 'mousedown', eMove = isTouch ? 'touchmove' : 'mousemove', eEnd = isTouch ? 'touchend' : 'mouseup', eCancel = isTouch ? 'touchcancel' : 'mouseup', secondsToTime = function( secs ) { var hours = Math.floor( secs / 3600 ), minutes = Math.floor( secs % 3600 / 60 ), seconds = Math.ceil( secs % 3600 % 60 ); return ( hours == 0 ? '' : hours > 0 && hours.toString().length < 2 ? '0'+hours+':' : hours+':' ) + ( minutes.toString().length < 2 ? '0'+minutes : minutes ) + ':' + ( seconds.toString().length < 2 ? '0'+seconds : seconds ); }, canPlayType = function( file ) { var audioElement = document.createElement( 'audio' ); return !!( audioElement.canPlayType && audioElement.canPlayType( 'audio/' + file.split( '.' ).pop().toLowerCase() + ';' ).replace( /no/, '' ) ); }; $.fn.audioPlayer = function( params ) { var params = $.extend( { classPrefix: 'audioplayer', strPlay: 'Play', strPause: 'Pause', strVolume: 'Volume' }, params ), cssClass = {}, cssClassSub = { playPause: 'playpause', playing: 'playing', time: 'time', timeCurrent: 'time-current', timeDuration: 'time-duration', bar: 'bar', barLoaded: 'bar-loaded', barPlayed: 'bar-played', volume: 'volume', volumeButton: 'volume-button', volumeAdjust: 'volume-adjust', noVolume: 'novolume', mute: 'mute', mini: 'mini' }; for( var subName in cssClassSub ) cssClass[ subName ] = params.classPrefix + '-' + cssClassSub[ subName ]; var svgPlayButton = ` <svg width="44" height="45" viewBox="0 0 44 45" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 34px; height: 34px; display: block;"> <path fill-rule="evenodd" clip-rule="evenodd" d="M22 44.73C34.1503 44.73 44 34.8802 44 22.73C44 10.5797 34.1503 0.72998 22 0.72998C9.84974 0.72998 0 10.5797 0 22.73C0 34.8802 9.84974 44.73 22 44.73ZM17.3024 31.5458C17.5467 31.6902 17.8232 31.7665 18.1046 31.767C18.3993 31.7658 18.6881 31.682 18.9403 31.5245L30.3037 24.495C30.5405 24.3415 30.7357 24.1285 30.871 23.8758C31.0063 23.6231 31.0773 23.339 31.0773 23.0502C31.0773 22.7614 31.0063 22.4774 30.871 22.2247C30.7357 21.972 30.5405 21.7589 30.3037 21.6055L18.9421 14.5779C18.6957 14.4229 18.4135 14.3391 18.1251 14.3354C17.8366 14.3316 17.5525 14.408 17.3024 14.5566C16.7523 14.8787 16.4103 15.502 16.4103 16.1827V29.9196C16.4103 30.5984 16.7523 31.2237 17.3024 31.5458Z" fill="#162832"></path> </svg>`; var svgPauseButton = ` <svg width="45" height="44" viewBox="0 0 45 44" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 34px; height: 34px; display: block;"> <path fill-rule="evenodd" clip-rule="evenodd" d="M44.4932 21.9985C44.4932 34.1488 34.6434 43.9985 22.4932 43.9985C10.3429 43.9985 0.493164 34.1488 0.493164 21.9985C0.493164 9.84827 10.3429 -0.00146484 22.4932 -0.00146484C34.6434 -0.00146484 44.4932 9.84827 44.4932 21.9985ZM18.7822 15.2612C18.7822 14.1567 17.8868 13.2612 16.7822 13.2612C15.6777 13.2612 14.7822 14.1567 14.7822 15.2612V29.9092C14.7822 31.0137 15.6777 31.9092 16.7822 31.9092C17.8868 31.9092 18.7822 31.0137 18.7822 29.9092V15.2612ZM30.2041 15.2612C30.2041 14.1567 29.3087 13.2612 28.2041 13.2612C27.0995 13.2612 26.2041 14.1567 26.2041 15.2612V29.9092C26.2041 31.0137 27.0995 31.9092 28.2041 31.9092C29.3087 31.9092 30.2041 31.0137 30.2041 29.9092V15.2612Z" fill="#162832"/> </svg>`; this.each( function() { if( $( this ).prop( 'tagName' ).toLowerCase() != 'audio' ) return false; var $this = $( this ), audioFile = $this.attr( 'src' ), isAutoPlay = $this.get( 0 ).getAttribute( 'autoplay' ), isAutoPlay = isAutoPlay === '' || isAutoPlay === 'autoplay' ? true : false, isLoop = $this.get( 0 ).getAttribute( 'loop' ), isLoop = isLoop === '' || isLoop === 'loop' ? true : false, isSupport = false; if( typeof audioFile === 'undefined' ) { $this.find( 'source' ).each( function() { audioFile = $( this ).attr( 'src' ); if( typeof audioFile !== 'undefined' && canPlayType( audioFile ) ) { isSupport = true; return false; } }); } else if( canPlayType( audioFile ) ) isSupport = true; var thePlayer = $( '<div class="' + params.classPrefix + '">' + ( isSupport ? $( '<div>' ).append( $this.eq( 0 ).clone() ).html() : '<embed src="' + audioFile + '" width="0" height="0" volume="100" autostart="' + isAutoPlay.toString() +'" loop="' + isLoop.toString() + '" />' ) + '<div class="' + cssClass.playPause + '" title="' + params.strPlay + '"><a href="#">' + svgPlayButton + '</a></div></div>' ), theAudio = isSupport ? thePlayer.find( 'audio' ) : thePlayer.find( 'embed' ), theAudio = theAudio.get( 0 ); if( isSupport ) { thePlayer.find( 'audio' ).css( { 'width': 0, 'height': 0, 'visibility': 'hidden' } ); thePlayer.append( '<div class="' + cssClass.time + ' ' + cssClass.timeCurrent + '"></div><div class="' + cssClass.bar + '"><div class="' + cssClass.barLoaded + '"></div><div class="' + cssClass.barPlayed + '"></div></div><div class="' + cssClass.time + ' ' + cssClass.timeDuration + '"></div><div class="' + cssClass.volume + '"><div class="' + cssClass.volumeButton + '" title="' + params.strVolume + '"><a href="#">' + params.strVolume + '</a></div><div class="' + cssClass.volumeAdjust + '"><div><div></div></div></div></div>' ); var theBar = thePlayer.find( '.' + cssClass.bar ), barPlayed = thePlayer.find( '.' + cssClass.barPlayed ), barLoaded = thePlayer.find( '.' + cssClass.barLoaded ), timeCurrent = thePlayer.find( '.' + cssClass.timeCurrent ), timeDuration = thePlayer.find( '.' + cssClass.timeDuration ), volumeButton = thePlayer.find( '.' + cssClass.volumeButton ), volumeAdjuster = thePlayer.find( '.' + cssClass.volumeAdjust + ' > div' ), volumeDefault = 0, adjustCurrentTime = function( e ) { theRealEvent = isTouch ? e.originalEvent.touches[ 0 ] : e; theAudio.currentTime = Math.round( ( theAudio.duration * ( theRealEvent.pageX - theBar.offset().left ) ) / theBar.width() ); }, adjustVolume = function( e ) { theRealEvent = isTouch ? e.originalEvent.touches[ 0 ] : e; theAudio.volume = Math.abs( ( theRealEvent.pageY - ( volumeAdjuster.offset().top + volumeAdjuster.height() ) ) / volumeAdjuster.height() ); }, updateLoadBar = setInterval( function() { barLoaded.width( ( theAudio.buffered.end( 0 ) / theAudio.duration ) * 100 + '%' ); if( theAudio.buffered.end( 0 ) >= theAudio.duration ) clearInterval( updateLoadBar ); }, 100 ); var volumeTestDefault = theAudio.volume, volumeTestValue = theAudio.volume = 0.111; if( Math.round( theAudio.volume * 1000 ) / 1000 == volumeTestValue ) theAudio.volume = volumeTestDefault; else thePlayer.addClass( cssClass.noVolume ); timeDuration.html( '…' ); timeCurrent.text( secondsToTime( 0 ) ); theAudio.addEventListener( 'loadeddata', function() { timeDuration.text( secondsToTime( theAudio.duration ) ); volumeAdjuster.find( 'div' ).height( theAudio.volume * 100 + '%' ); volumeDefault = theAudio.volume; }); theAudio.addEventListener( 'timeupdate', function() { timeCurrent.text( secondsToTime( theAudio.currentTime ) ); barPlayed.width( ( theAudio.currentTime / theAudio.duration ) * 100 + '%' ); }); theAudio.addEventListener( 'volumechange', function() { volumeAdjuster.find( 'div' ).height( theAudio.volume * 100 + '%' ); if( theAudio.volume > 0 && thePlayer.hasClass( cssClass.mute ) ) thePlayer.removeClass( cssClass.mute ); if( theAudio.volume <= 0 && !thePlayer.hasClass( cssClass.mute ) ) thePlayer.addClass( cssClass.mute ); }); theAudio.addEventListener( 'ended', function() { thePlayer.removeClass( cssClass.playing ); thePlayer.find( '.' + cssClass.playPause + ' a' ).html( svgPlayButton ); }); theBar.on( eStart, function( e ) { adjustCurrentTime( e ); theBar.on( eMove, function( e ) { adjustCurrentTime( e ); } ); }) .on( eCancel, function() { theBar.unbind( eMove ); }); volumeButton.on( 'click', function() { if( thePlayer.hasClass( cssClass.mute ) ) { thePlayer.removeClass( cssClass.mute ); theAudio.volume = volumeDefault; } else { thePlayer.addClass( cssClass.mute ); volumeDefault = theAudio.volume; theAudio.volume = 0; } return false; }); volumeAdjuster.on( eStart, function( e ) { adjustVolume( e ); volumeAdjuster.on( eMove, function( e ) { adjustVolume( e ); } ); }) .on( eCancel, function() { volumeAdjuster.unbind( eMove ); }); } else thePlayer.addClass( cssClass.mini ); if( isAutoPlay ) thePlayer.addClass( cssClass.playing ); thePlayer.find( '.' + cssClass.playPause ).on( 'click', function() { if( thePlayer.hasClass( cssClass.playing ) ) { $( this ).attr( 'title', params.strPlay ).find( 'a' ).html( svgPlayButton ); thePlayer.removeClass( cssClass.playing ); isSupport ? theAudio.pause() : theAudio.Stop(); } else { $( this ).attr( 'title', params.strPause ).find( 'a' ).html( svgPauseButton ); thePlayer.addClass( cssClass.playing ); isSupport ? theAudio.play() : theAudio.Play(); } return false; }); $this.replaceWith( thePlayer ); }); return this; }; })( jQuery, window, document ); </script> <script> $(document).ready(function() { $('audio').each(function() { $(this).audioPlayer(); }); }); </script> <script> $(document).ready(function() { function updateAudioPlayerWidth() { // Check if the viewport width is below 1020px if ($(window).width() < 1020) { // Get the width of .play-content var fullSliderContentWidth = $('.play-content.full-width').width(); // Apply that width to all .audioplayer elements inside .play-content $('.play-content.full-width .audioplayer').width(fullSliderContentWidth); var sliderContentWidth = $('.play-content.one-third-width').width(); // Apply that width to all .audioplayer elements inside .play-content $('.play-content.one-third-width .audioplayer').width(sliderContentWidth); } else { // Reset the width if the viewport is above 1020px $('.play-content .audioplayer').css('width', ''); } } // Initial adjustment after all resources are fully loaded $(window).on('load', function() { updateAudioPlayerWidth(); }); // Adjust width on window resize $(window).on('resize', function() { updateAudioPlayerWidth(); }); }); </script> <script> document.addEventListener("DOMContentLoaded", function() { const sourceElements = document.querySelectorAll('audio source[data-src]'); sourceElements.forEach(source => { source.src = source.getAttribute('data-src'); const audio = source.closest('audio'); if (audio) { audio.load(); // Reload the audio element to update the source } }); }); </script></body></html>

CINXE.COM

How it works