- 제출된 URL:
- https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts
- 보고서 완료:
링크 · 10개 결과
페이지에서 식별된 외부 링크
링크 | 텍스트 |
---|---|
https://podcastsconnect.apple.com | Sign In |
https://apps.apple.com/app/id1018780185#?platform=ipad | Ferrite |
https://overcast.fm/forecast | Forecast by Overcast |
https://apps.apple.com/us/app/podcast-chapters/id1070963477?mt=12 | Podcast Chapters |
https://vizzy.fm/ | Vizzy |
https://podcastsconnect.apple.com/contact-us | Contact Us |
https://www.apple.com/legal/privacy/ | Privacy Policy |
https://www.apple.com/legal/internet-services/terms/site.html | Terms of Use |
https://www.apple.com/legal/ | Legal |
https://www.apple.com/legal/internet-services/itunes/itunesstorenotices/ | Content Dispute |
JavaScript 변수 · 32개 결과
페이지의 창 개체에 로드된 전역 JavaScript 변수는 함수 외부에서 선언된 변수로, 현재 범위 내에서 코드의 어느 부분에서나 액세스할 수 있습니다
이름 | 유형 |
---|---|
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
adobeInit | object |
_satellite | object |
__satelliteLoaded | boolean |
adobe | object |
Visitor | function |
s_c_il | object |
s_c_in | number |
콘솔 로그 메시지 · 4개 결과
웹 콘솔에 기록된 메시지
유형 | 카테고리 | 로그 |
---|---|---|
log | other |
|
log | other |
|
log | other |
|
log | other |
|
HTML
페이지의 원시 HTML 본문
<!DOCTYPE html><html lang="en" site="apple-podcasts-for-creators" browser="Chrome"><head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<link rel="icon" type="image/x-icon" href="/assets/static/podcasters/favicon-14f6eb63e2d53a64521a8724fbef6888f9221a1ecf3638ec26a204adb163f81d.ico">
<link href="https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" rel="canonical">
<link href="https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" hreflang="en" rel="alternate">
<link href="https://podcasters.apple.com/de-de/support/5482-using-chapters-on-apple-podcasts" hreflang="de" rel="alternate">
<link href="https://podcasters.apple.com/fr-fr/support/5482-using-chapters-on-apple-podcasts" hreflang="fr" rel="alternate">
<link href="https://podcasters.apple.com/ja-jp/support/5482-using-chapters-on-apple-podcasts" hreflang="ja" rel="alternate">
<link href="https://podcasters.apple.com/ko-kr/support/5482-using-chapters-on-apple-podcasts" hreflang="ko" rel="alternate">
<link href="https://podcasters.apple.com/zh-tw/support/5482-using-chapters-on-apple-podcasts" hreflang="zh" rel="alternate">
<link href="https://podcasters.apple.com/es-es/support/5482-using-chapters-on-apple-podcasts" hreflang="es" rel="alternate">
<link href="https://podcasters.apple.com/zh-cn/support/5482-using-chapters-on-apple-podcasts" hreflang="zh" rel="alternate">
<link href="https://podcasters.apple.com/choose-language" hreflang="x-default" rel="alternate">
<title>Using chapters on Apple Podcasts - Apple Podcasts for Creators</title>
<meta content="Learn how chapters and chapter artwork can enhance the experience for your listeners on Apple Podcasts." name="description">
<meta property="og:title" content="Using chapters on Apple Podcasts - Apple Podcasts for Creators">
<meta property="og:description" content="Learn how chapters and chapter artwork can enhance the experience for your listeners on Apple Podcasts.">
<meta property="og:image" content="https://podcasters.apple.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE1MDEsInB1ciI6ImJsb2JfaWQifX0=--8cd4437d577a812bc6fe418742d79b615a81bd89/SocialShare-APfC.jpg">
<meta property="og:type" content="article">
<meta property="og:locale" content="en_US">
<meta property="og:url" content="https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts">
<meta property="twitter:title" content="Using chapters on Apple Podcasts - Apple Podcasts for Creators">
<meta property="twitter:description" content="Learn how chapters and chapter artwork can enhance the experience for your listeners on Apple Podcasts.">
<meta property="twitter:image" content="https://podcasters.apple.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsiZGF0YSI6MTE1MDEsInB1ciI6ImJsb2JfaWQifX0=--8cd4437d577a812bc6fe418742d79b615a81bd89/SocialShare-APfC.jpg">
<meta property="twitter:card" content="summary_large_image">
<meta content="width=device-width, initial-scale=1, user-scalable=no" name="viewport">
<link href="https://www.apple.com/wss/fonts?families=SF+Pro,v3|SF+Pro+Icons,v3" rel="stylesheet" type="text/css">
<link rel="stylesheet" href="/packs/assets/podcasters-15470f02.css">
<script nonce="">
//<![CDATA[
window.adobeInit = {
"pageName": "podcasters:Using Chapters on Apple Podcasts:article",
"pageContentType": "article",
"pageContentSubType": "",
"pageType": "",
"pageError": "",
"siteSection": "Using Chapters on Apple Podcasts",
"language": "en-us",
"loginStatus": "",
"articleName": "Using Chapters on Apple Podcasts",
"articleID": 7265,
"slug": "using-chapters-apple-podcasts",
"nonce": "8104bd77ab225b6a607ccc2bc1b5f195",
"contactForm": null
};
//]]>
</script>
<script async="async" src="/metrics/v1/podcasters/4ce907bce6c6/82543ed44ba9/launch-45d677a52213.min.js" nonce="">
//<![CDATA[
//]]>
</script>
<script src="/packs/assets/javascript/packs/common/analytics-04ebe0a3.js" type="module" nonce=""></script>
<meta content="width=device-width, initial-scale=1" name="viewport">
<script src="/metrics/v1/podcasters/4ce907bce6c6/82543ed44ba9/29e1cc990d4b/hostedLibFiles/EP171e731c9ba34f1c950c36d26e3efd61/AppMeasurement.min.js" async=""></script><script src="/metrics/v1/podcasters/4ce907bce6c6/82543ed44ba9/29e1cc990d4b/hostedLibFiles/EP171e731c9ba34f1c950c36d26e3efd61/AppMeasurement_Module_ActivityMap.min.js" async=""></script><script src="/metrics/v1/podcasters/4ce907bce6c6/82543ed44ba9/29e1cc990d4b/RCa6f3963fc81b4a1ba22491a45591e620-source.min.js" async=""></script></head>
<body id="apple-podcasts-for-creators" lang="en-us">
<div class="site-header">
<input class="localnav-menustate" id="localnav-menustate" type="checkbox">
<nav class="localnav localnav-scrim" data-stick="" id="localnav" role="navigation">
<div class="localnav-wrapper">
<div class="localnav-background"></div>
<div class="localnav-content">
<div class="localnav-title-row">
<div class="localnav-title localnav-title-compact truncate-text">
<a class="nav-title-link truncate-text" tabindex="0" href="/"><span class="nav-title-link truncate-text small-hide medium-hide large-show">
Apple Podcasts for Creators
</span>
<span class="nav-title-link truncate-text small-hide large-hide medium-show">
Apple Podcasts for Creators
</span>
<span class="nav-title-link truncate-text large-hide medium-hide small-show">
Apple Podcasts for Creators
</span>
</a>
</div>
<div class="localnav-actions localnav-actions-right">
<div aria-hidden="true" class="localnav-action localnav-action-menucta">
<label class="localnav-menucta" for="localnav-menustate">
<span class="localnav-menucta-chevron"></span>
</label>
</div>
<div class="localnav-action localnav-action-button">
<a class="localnav-button button button-reduced" data-metrics-click="{"clickType": "signin", "location": "navbar"}" target="blank" rel="noreferrer" href="https://podcastsconnect.apple.com"><span>Sign In</span>
</a>
</div>
</div>
</div>
<div class="localnav-menu">
<a class="localnav-menucta-anchor localnav-menucta-anchor-open" href="#localnav-menustate" id="localnav-menustate-open" role="button">
<span class="localnav-menucta-anchor-label">Open Menu</span>
</a>
<a class="localnav-menucta-anchor localnav-menucta-anchor-close" href="#" id="localnav-menustate-close" role="button">
<span class="localnav-menucta-anchor-label">Close Menu</span>
</a>
<div class="localnav-menu-tray">
<ul class="localnav-menu-items">
<li class="localnav-menu-item">
<a class="localnav-menu-link" href="https://podcasters.apple.com/manage">Manage</a>
</li>
<li class="localnav-menu-item">
<a class="localnav-menu-link" href="https://podcasters.apple.com/market">Market</a>
</li>
<li class="localnav-menu-item">
<a class="localnav-menu-link" href="https://podcasters.apple.com/measure">Measure</a>
</li>
<li class="localnav-menu-item">
<a class="localnav-menu-link" href="https://podcasters.apple.com/community">Community</a>
</li>
<li class="localnav-menu-item">
<a class="localnav-menu-link current-nested" href="https://podcasters.apple.com/support/">Support</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</nav>
<label for="localnav-menustate" id="localnav-curtain"></label>
</div>
<main><div class="podcasters-header-offset"></div>
<div class="podcasters-static-width-l podcasters-content-width-s">
<div class="row" data-margin-bottom="2/2/2">
<div class="column large-8 small-12 large-centered border-fill-gray-tertiary-light" data-border-bottom="1/1/1" data-padding-bottom="2/2/2">
<div class="t-tout swatch-glyph-gray-tertiary-light podcasters-align-left"> <span><span class="t-tout swatch-glyph-gray-tertiary-light">Apple Podcasts App</span>
</span>
</div>
<h1 class="t-headline podcasters-align-left" data-margin-top="1/1/1"> Using chapters on Apple Podcasts </h1>
</div>
</div>
</div>
<div class="podcasters-static-width-l podcasters-content-width-s">
<div class="row" data-margin-bottom="3/2/2">
<div class="column large-8 small-12 large-centered">
<ul class="podcasters-component-frame share-icons swatch-icon-grey"><li aria-label="Share via Facebook (opens in new window)" tabindex="0" role="button" class="share-icon-wrapper share-wrapper"><span data-href="https://www.facebook.com/sharer/sharer.php?u=https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" class="share-icon share-facebook"></span></li> <li aria-label="Share via X, formerly Twitter (opens in new window)" tabindex="0" role="button" class="share-icon-wrapper share-wrapper"><span data-href="https://twitter.com/intent/tweet?url=https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" class="share-icon share-twitter"></span></li> <li aria-label="Share via email (opens in new window)" tabindex="0" role="button" class="share-icon-wrapper share-wrapper"><span data-href="mailto:?subject=Using chapters on Apple Podcasts&body=https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" class="share-icon share-email"></span></li> <li tabindex="0" class="share-link-wrapper share-wrapper"><!----><span role="button" aria-label="Share via link" data-href="https://podcasters.apple.com/support/5482-using-chapters-on-apple-podcasts" class="share-link share-icon"></span></li></ul>
</div>
</div>
</div>
<div class="podcasters-static-width-l podcasters-content-width-s">
<div class="row" data-margin-bottom="3/3/2">
<div class="column large-8 small-12 large-centered">
<div class="block-wysiwyg-content">
<h2 class="text-align-left">Discover chapters
</h2>
<p class="text-align-left">Chapters allow listeners to quickly browse and navigate to segments of an episode. When creators support chapters, listeners can find them by:</p>
<ul>
<li>Scrubbing the play progress bar to find a chapter on iOS or iPadOS.</li>
<li>Tapping the Playing Next button on the Now Playing screen. Chapters are available in a list at the top of the screen.<br>
</li>
<li>Clicking the Playing Next button located in the top-right corner of Apple Podcasts for macOS.<br>
</li>
</ul>
<h2 class="text-align-left">Chapter artwork
</h2>
<p class="text-align-left">Creators can also provide chapter artwork to enrich the listening experience. As listeners progress through an episode with chapter-specific artwork, they will see it displayed on the Now Playing screen and on the Lock Screen on iOS and iPadOS, providing a timely visual supplement to the current interview, conversation, or story.</p>
<h2 class="text-align-left">Support chapters and chapter-specific artwork
</h2>
<p class="text-align-left">Apple Podcasts supports chapters for MP4, MP3, and AAC files. To submit a podcast with chapters, you need to use an RSS feed, which can be done through a hosting provider or by having listeners manually add it to their Library.</p>
<p class="text-align-left">RSS hosting Creators, working with a hosting provider with support for this feature, can specify chapters in the header of an MP4 file, or by modifying the ID3 tags of an MP3 or AAC file using third-party tools, such as <a class="wishbone-link" href="https://apps.apple.com/app/id1018780185#?platform=ipad" target="_blank" rel="nofollow">Ferrite</a> on iOS and iPadOS, <a class="wishbone-link" href="https://overcast.fm/forecast" target="_blank" rel="nofollow">Forecast by Overcast</a>, <a class="wishbone-link" href="https://apps.apple.com/us/app/podcast-chapters/id1070963477?mt=12" target="_blank" rel="nofollow">Podcast Chapters</a> on macOS, and <a class="wishbone-link" href="https://vizzy.fm/" target="_blank" rel="nofollow">Vizzy</a> on the web. If you’re unsure if your hosting provider supports chapters, please reach out to them directly. </p>
</div>
</div>
</div>
</div>
<div class="podcasters-static-width-l podcasters-content-width-s" data-margin-bottom="4/4/2">
<div class="row">
<div class="large-8 small-12 large-centered border-fill-gray-tertiary-light">
<section class="related-content-list"><h2 class="t-eyebrow-elevated" data-margin-top="3/3/3">Related Content</h2>
<div class="related-content-item" data-margin-top="3/3/3">
<div class="related-content-content">
<strong class="related-content-label">Content Requirements</strong>
<div class="related-content-header">Audio requirements</div>
<div class="related-content-body">To create a podcast that is easily streamed without straining listeners’ bandwidth, encode and compress your audio in a format that produces the smallest file size possible.</div>
<div class="related-content-body">
<a class="stds-link-chevron-after" data-metrics-click="'{clickType: 'article_link' audio-requirements_related_content_list}'" href="/support/893-audio-requirements">Audio requirements</a>
</div>
</div>
</div>
</section>
</div>
</div>
</div>
</main>
<div class="site-footer">
<footer aria-labelledby="footer-label" class="footer" id="footer" role="contentinfo">
<div class="footer-content">
<section class="footer-mini" data-padding-bottom="4/4/4" typeof="Organization" vocab="http://schema.org/">
<div class="footer-mini-shop t-intro" data-padding-bottom="1/1/1" data-padding-top="3/3/3">
<div class="logo-text" id="footer-label">Apple Podcasts for Creators</div>
</div>
<div class="footer-mini-locale">
<a class="footer-mini-locale-link" aria-label="Country Name. Choose your country or region" title="Choose your country or region" data-metrics-click="{"clickType": "choose_locale", "location": "footer"}" href="https://podcasters.apple.com/choose-language">Choose Language</a>
</div>
<div class="footer-mini-legal">
<div class="footer-mini-legal-copyright">
Copyright
© 2024 Apple Inc.
All rights reserved.
</div>
<ul class="footer-mini-legal-links">
<li class="footer-mini-legal-links-item">
<a data-metrics-click="{"clickType": "contact_us", "location": "footer"}" tabindex="0" data-focus-method="key" class="footer-mini-legal-link" href="https://podcastsconnect.apple.com/contact-us">Contact Us</a>
</li>
<li class="footer-mini-legal-links-item">
<a data-metrics-click="{"clickType": "privacy_policy", "location": "footer"}" tabindex="0" data-focus-method="key" class="footer-mini-legal-link" href="https://www.apple.com/legal/privacy/">Privacy Policy</a>
</li>
<li class="footer-mini-legal-links-item">
<a data-metrics-click="{"clickType": "terms_of_use", "location": "footer"}" tabindex="0" data-focus-method="key" class="footer-mini-legal-link" href="https://www.apple.com/legal/internet-services/terms/site.html">Terms of Use</a>
</li>
<li class="footer-mini-legal-links-item">
<a data-metrics-click="{"clickType": "legal", "location": "footer"}" tabindex="0" data-focus-method="key" class="footer-mini-legal-link" href="https://www.apple.com/legal/">Legal</a>
</li>
<li class="footer-mini-legal-links-item">
<a data-metrics-click="{"clickType": "content_dispute", "location": "footer"}" tabindex="0" data-focus-method="key" class="footer-mini-legal-link" href="https://www.apple.com/legal/internet-services/itunes/itunesstorenotices/">Content Dispute</a>
</li>
</ul>
</div>
</section>
</div>
</footer>
</div>
<template id="carousel-template">
<div>
<div class="carousel-container paddlenav paddlenav-solid paddlenav-elevated">
<ul :style="{ 'height': `${calculatedHeight}` }" class="carousel-images" v-on:touchend="handleSwipeEnd" v-on:touchstart="handleSwipeStart">
<li :style="imageElementStyle(image, i)" class="carousel-image" role="img" v-bind:aria-label="image.altText" v-for="image, i in images">
</li><li :class="{ 'disabled': currentIndex === 0}" class="paddlenav-arrow paddlenav-arrow-previous" v-on:click="userSetImageIndex(currentIndex - 1)">
<svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">
<path d="M31.5,40c-.5,0-1-.2-1.4-.6l-10-10c-.8-.8-.8-2,0-2.8l10-10c.8-.8,2-.8,2.8,0,.8,.8,.8,2,0,2.8l-8.6,8.6,8.6,8.6c.8,.8,.8,2,0,2.8-.4,.4-.9,.6-1.4,.6"></path>
</svg>
</li>
<li :class="{ 'disabled': currentIndex === images.length - 1}" class="paddlenav-arrow paddlenav-arrow-next" v-on:click="userSetImageIndex(currentIndex + 1)">
<svg viewBox="0 0 56 56" xmlns="http://www.w3.org/2000/svg">
<path d="M24.4997,39.9998c-.512,0-1.023-.195-1.414-.586-.781-.781-.781-2.047,0-2.828l8.586-8.586-8.586-8.586c-.781-.781-.781-2.047,0-2.828,.781-.781,2.047-.781,2.828,0l10,10c.781,.781,.781,2.047,0,2.828l-10,10c-.391,.391-.902,.586-1.414,.586"></path>
</svg>
</li>
</ul>
</div>
<p :class="{'hidden': changingImage}" class="carousel-caption">{{ currentCaption }}</p>
<div class="dotnav">
<ul class="dotnav-items">
<li class="dotnav-item" v-for="image, i in images">
<a :class="{"current": i === currentIndex}" class="dotnav-link" v-bind:aria-label="image.altText" v-on:click="userSetImageIndex(i)"></a>
</li>
</ul>
</div>
</div>
</template>
<template id="contact-form-main-template">
<div class="contact-form-main-wrapper" v-show="autofillComplete">
<div class="message tile tile-rounded t-label" data-margin-top="2/2/2" v-if="showConfirmation">
<div class="tile-content">
<template v-if="contactFormSuccess">
<span class="swatch-glyph-green-dark icon icon-before icon-checkcircle"></span>
<span>{{ field.successMessage }}</span>
</template>
<template v-else-if="contactFormError">
<span class="swatch-glyph-red-dark icon icon-before icon-resetcircle"></span>
<span>{{ field.errorMessage }}</span>
</template>
</div>
</div>
<div class="form-sectionnumber-list is-hidden">
<input :value="field.subjectLine" name="subject_line" type="hidden">
<slot></slot>
<div class="contact-topic-selector form-sectionnumber icon icon-before icon-2circle is-hidden" v-if="useTopicSelector">
<div class="form-dropdown">
<select class="form-dropdown-select form-dropdown-selectnone" name="submission[topic]" required="" v-model="selectedTopic">
<option disabled="">{{ field.placeholder }}</option>
<option :value="t.value" v-for="t in uncategorizedTopics" v-if="permitted(t.permissions)">{{ t.label }}</option>
<optgroup :label="category" v-for="(topicNames, category) in categorizedTopics">
<option :value="t.value" v-for="t in topicNames" v-if="permitted(t.permissions)">{{ t.label }}</option>
</optgroup>
</select>
<span aria-hidden="true" class="icon form-dropdown-chevron"></span>
<div :id="`submission_topic_label`" area-hidden="true" class="form-label form-textbox-label form-dropdown-label" v-if="field.label">{{ field.label }}</div>
</div>
</div>
<div class="contact-form-submit" v-else="true">
<input :value="field.email" name="submission_enc[support_email]" type="hidden">
<contact-form-submit-button></contact-form-submit-button>
</div>
</div>
</div>
</template>
<template id="contact-form-root-template">
<form id="contact-form-root" v-show="formIsLoaded" data-track-events="true" v-on:submit="sanitizeAndSubmit" enctype="multipart/form-data" action="/data/v1/contact" accept-charset="UTF-8" method="post">
<contact-form-meta></contact-form-meta>
<slot></slot>
</form></template>
<template id="contact-form-topic-template">
<div v-if="showTopic">
<div class="form-sectionnumber-list is-hidden contact-topics-container" id="podcasters-contact-topics">
<div class="form-sectionnumber icon icon-before icon-3circle is-hidden identifier">
<div>
<input :value="email" name="submission_enc[support_email]" type="hidden" v-if="email">
<slot></slot>
</div>
<div class="form-element form-tooltip-right-textbox-wrapper" v-if="disclaimer">
<div class="form-alert" data-margin-bottom="1/1/1">{{ disclaimer }}</div>
</div>
</div>
</div>
<contact-form-submit-button></contact-form-submit-button>
</div>
</template>
<template id="email-collection-modal-template">
<div class="email-collection-modal-content">
<div class="button button-super" v-on:click="openModal">{{ ctaButtonText }}</div>
<div class="email-modal-content" data-padding-h="1/1/0">
<h3 :class="modalHeaderFont" class="modal-header">{{ modalHeader }}</h3>
<div class="email-form-wrapper" data-margin-top="2/2/1">
<form novalidate="" v-on:submit="submitEmail" v-show="!submitted">
<div :class="{ "is-error": hasError }" class="form-textbox">
<input aria-labelledby="notifyLabel" class="form-textbox-input" type="email" v-model="inputtedEmail" v-on:keyup="hideErrors">
<span class="form-textbox-label">{{ modalInputLabel }}</span>
<button class="button button-suber" type="submit">{{ modalButtonText }}</button>
<div class="form-message-wrapper">
<div class="form-message">
<span class="visuallyhidden">errors:</span>
<span class="hidden error" id="emailValidationError">Please enter a valid email address.</span>
</div>
</div>
</div>
<p :class="modalLegalTextFont" class="modal-legal">{{ modalLegalText }}</p>
</form>
<p class="success-message" v-show="submitted">{{ successMessage }}</p>
</div>
</div>
</div>
</template>
<script src="/packs/assets/javascript/packs/podcasters-b1d50291.js" type="module" nonce=""></script>
<script nonce="">
//<![CDATA[
_satellite.pageBottom();
//]]>
</script>
<script>_satellite["_runScript1"](function(event, target, Promise) {
_satellite._scrollTracker={callback:function(){try{var e=_satellite._scrollTracker,t=document.documentElement,c=document.body,r="scrollTop",l="scrollHeight",n=0,s=!1;this.percent=this.percent||{},s=(n=Math.round((t[r]||c[r])/((t[l]||c[l])-t.clientHeight)*100))>=25&&!this.percent[25]?25:s,s=n>=50&&!this.percent[50]?50:s,s=n>=75&&!this.percent[75]?75:s,(s=n>=100&&!this.percent[100]?100:s)&&(this.percent[s]=!0,e.percent=s,console.log(e.percent),_satellite.setVar("Scroll Percent",e.percent),_satellite.track("pagescroll_percent_hit")),this.percent[25]&&this.percent[50]&&this.percent[75]&&this.percent[100]&&window.clearInterval(_satellite._scrollTracker.interval)}catch(e){}}};try{_satellite._scrollTracker.interval=window.setInterval(_satellite._scrollTracker.callback,250)}catch(e){}
});</script></body></html>