# Chapters and Timelines
# Organize Content by Chapters and Points of Interest
The Backtracks Player allows for audio to have interactive chapters or points of interest. This can be extremely powerful as it adds content organization capabilties to layer in notes and/or audio/visual capabilities to the audio.
<html>
<div class="backtracks-player" id="ready-player-one"
data-bt-embed="https://player.backtracks.fm/backtracks/backtracks/m/player-example"
data-bt-bg-img="https://backtracks.fm/modules/public/static/app/img/landing/player/og-image-en.png"
data-bt-theme="dark"
data-bt-show-description="true"></div>
</html>
<script>
var backtracksChapters = [
{
"id":"abc123",
"title":"Title of Chapter",
"body":"This can be things like backtracks.fm",
"background":{
"type":"image",
"src":"https://player.backtracks.fm/resources/mockdata/SONG_EXPLODER/boh_chapter.jpg"
},
"start":2
},
{
"id":"set-to-anything-unique",
"title":"Another Title",
"body":"This is \"Another Example\"",
"background":{
"type":"image",
"src":"https://player.backtracks.fm/resources/mockdata/SONG_EXPLODER/boh_light_theme.jpg"
},
"start":35,
"end":42
}
];
window.addEventListener("DOMContentLoaded", function addChapters() {
var targetElements = document.getElementsByClassName('backtracks-player');
for (var i = 0; i < targetElements.length; i++) {
item = targetElements[i];
item.dataset.btChapters = JSON.stringify(backtracksChapters);
}
});
(function(p,l,a,y,s){if(p[a])return
if(p[y])return p[y]();s=l.createElement('script')
l.head.appendChild((s.async=p[a]=true,
s.src='https://player.backtracks.fm/embedder.js',
s))}(window,document,'__btL','__btR'));
</script>
<html>
<div class="backtracks-player" id="ready-player-the-sequel"
data-bt-embed="https://player.backtracks.fm/backtracks/backtracks/m/player-example"
data-bt-bg-img="https://backtracks.fm/modules/public/static/app/img/landing/player/og-image-en.png"
data-bt-theme="dark"
data-bt-show-description="true"
data-bt-overlay="timeline"></div>
</html>
<script>
var backtracksChapters = [
{
"id":"abc123",
"title":"Title of Chapter",
"body":"This can be things like backtracks.fm",
"background":{
"type":"image",
"src":"https://player.backtracks.fm/resources/mockdata/SONG_EXPLODER/boh_chapter.jpg"
},
"start":2
},
{
"id":"set-to-anything-unique",
"title":"Another Title",
"body":"This is \"Another Example\"",
"background":{
"type":"image",
"src":"https://player.backtracks.fm/resources/mockdata/SONG_EXPLODER/boh_light_theme.jpg"
},
"start":35,
"end":42
}
];
window.addEventListener("DOMContentLoaded", function addChapters() {
var targetElements = document.getElementsByClassName('backtracks-player');
for (var i = 0; i < targetElements.length; i++) {
item = targetElements[i];
item.dataset.btChapters = JSON.stringify(backtracksChapters);
}
});
(function(p,l,a,y,s){if(p[a])return
if(p[y])return p[y]();s=l.createElement('script')
l.head.appendChild((s.async=p[a]=true,
s.src='https://player.backtracks.fm/embedder.js',
s))}(window,document,'__btL','__btR'));
</script>