20 Of The Most Brilliant Music Scores From TV And Film

Read more at www.theodysseyonline.com
Many times when I am watching a film or television show, my opinion of the show is highly influenced by the musical score that is played in the background. I’ve always loved music and I grew up playing in the school band, so I definitely think that has a major role in why I pay such attention to the music in on-screen productions, but it really does make a difference in a show or movie. The music chosen for a story can make it that much more impactful and meaningful to the audience. Everyone knows the typical music scores, like “Hedwig’s Theme” from “Harry Potter” or the “Jurassic Park” theme song, so my main focus is on some other compositions that may not be as well known.
1. “Time” – Hans Zimmer (“Inception”)
Right off the bat I am listing a film score that is pretty popular and is used in many motivational videos and commercials, but I still felt it deserved to be on the list. “Time” provides the intensity, stress, and motivation that fits perfectly with the storyline of “Inception,” making the film that much more convincing and magical.
2. “Light of the Seven” – Ramin Djawadi (“Game of Thrones”)
This song is so incredibly eerie and for the right reasons. It begins right at the start of the episode in “Game of Thrones” when Loras and Cersei’s trials with the High Sparrow are scheduled to begin. Rather than show up to the trial, Cersei hides high up in her tower with a massive plot to kill everyone inside the Great Sept. by setting a trap of vicious bombs. This track is fittingly evil and somber sounding for a murderous, cold-blooded massacre.
3. “Mia and Sebastian’s Theme” – Justin Hurwitz (“La La Land”)
Although this track doesn’t sound super complicated in the beginning, it certainly becomes more complex towards its end, which is exactly what happens with Mia and Sebastian’s relationship. Something about it is so beautiful and enchanting to me. I loved watching Mia and Sebastian fall in love with this song playing behind them.
4. “Wonder Woman’s Wrath” – Rupert Gregson-Williams (“Wonder Woman”)
Every time I hear this song it makes me feel like I’m Wonder Woman herself, or at least a superhero. Its pounding drums and brass section create a feeling of such massive power that makes me feel like I could run through a brick wall. The electric guitar kicks in give me instant chills. It’s just a perfect anthem for Wonder Woman and I love it.
5. “Cornfield Chase” – Hans Zimmer (“Interstellar”)
“Interstellar” is a beautiful film and this film score adds to the magic and mystery it holds. The twinkling pipe organ gives the wondrous feeling of being in outer space and also creates the anxiety of rushing through time. Hans Zimmer strikes again by composing a perfect music score.
6. “The Tide” – Hans Zimmer (“Dunkirk”)
Surprise, surprise, it’s Hans Zimmer once again. I remember when I first saw “Dunkirk” in theaters I thought that the musical composition played a massive role in the storytelling. This track in particular gives the illusion of a ticking clock and creates a feeling of anxiety that translates to the audience the terror of the situation at hand. The eerie ambiance that seems to fade in and out also imitates the tide of the ocean on the beaches where the soldiers are battling, which I find to be brilliant. It may not be a lovely song, but its key role in the film is what made me include it on this list.
7. “Jyn Erso & Hope Suite” – Michael Giacchino (“Rogue One: A Star Wars Story”)
I think this is one of the more tragic sounding “Star Wars” tunes because it has the intensity of heading into battle along with the sound of impending doom that then transitions into a more somber sounding melody. It carries the story of sacrifice within the film perfectly throughout the entire piece of music.
8. “Journey to the Line” – Hans Zimmer, Gavin Greenaway (“The Thin Red Line”)
I’ve actually never seen “The Thin Red Line,” but I discovered this song on Spotify when I was searching for a studying playlist. I love how the track slowly builds in intensity. As this song plays, my mind seems to picture hundreds of soldiers being ambushed and suddenly running and fighting for their lives within a deadly battle. I think the quiet ending of the song also hints at the outcome of that very battle, but then again I’ve never seen the film.
9. “End Title” – Thomas Newman (“The Shawshank Redemption”)
I am absolutely obsessed with this track and have been ever since I first watched “The Shawshank Redemption.” I honestly believe that this movie would still be great without the music score, but it would not be nearly as powerful. This track in particular is so incredibly beautiful to me and makes me feel inspired. It brings the message behind the film to life and I love it.
10. “The Mockingjay” – James Newton Howard (“The Hunger Games: Mockingjay Part 1”)
With District 12 in ruins and war breaking out all across Panem, “The Mockingjay” captures the feeling of uneasiness and fear felt within the characters. I love the flute that breaks through the ambience in the very beginning because it creates a ghostly, eerie feeling that relates to the destruction and loss throughout the country.
11. “Re-Entry And Splashdown” – James Horner (“Apollo 13”)
Without a doubt this is one of my favorite film scores because of it’s intense and triumphant tones. Right around the four minute mark, sound of victory and happiness begin. The choir in the background also adds to the feeling of being in space, which is pretty genius. This is the kind of song that inspires me to do the impossible.
12. “Beth’s Theme” – Olafur Arnalds (“Broadchurch”)
Tragic, somber, and melancholy are all perfect ways to describe this “Broadchurch” music score. Since the show covers the story of a young boy who was murdered, there really isn’t any other way for the music to sound. It may be a simple composition of music, but it captures the feelings of loss and grief incredibly well.
13. “Bathroom Dance” – Hildur Gudnadottir (“Joker”)
I absolutely love the way Hildur Gudnadottir utilizes the cello in this piece of music. It is bone-chillingly haunting. The use of reverb makes the stringed instruments almost echo, intensifying the feeling of fear and evil.
14. “Eden (Harlem)” – Nicholas Britell (“If Beale Street Could Talk”)
This is another one of my top favorite film scores. Everything about this piece is so breathtakingly beautiful to me. The violins and cellos used to encapsulate the tragic love story between Fonny and Tish, and the faint high trumpet in the background brings us to Beale Street itself.
15. “Lily’s Theme” – Alexandre Desplat (“Harry Potter and the Deathly Hallows: Part 2”)
The opening of this track is extremely chilling thanks to a women singing with the eerie use of reverb over her voice. She sounds like a ghost haunting the wizarding world as Voldemort falls back into power. The violins that takeover her melody create a more serious and intense sound that fits perfectly with this film.
16. “Come Back To Us” – Thomas Newman (“1917”)
Here is another track from a film that I have actually never seen, but I have heard this song many times due to my love for film scores. I think this is a lovely composition that captures the quiet feelings of loss and hardship felt during war after the battles have been fought.
17. “A Butterfly’s Wings” – Michael Giacchino (“Jojo Rabbit”)
Cute and innocent-sounding, this track represents and youth of the main character Jojo and his lack of understanding in the Nazi party. Although Jojo is a hardcore Nazi and Hitler fan, he really has no idea the implications of his fandom or the horrible things Hitler had done to people. The piano is a great choice of an instrument to depict youthful innocence.
18. “Solomon” – Hans Zimmer (“12 Years A Slave”)
Although I’ve never seen “12 Years a Slave,” I think this track is beautiful. It feels heartbreaking and tired, which I can only imagine is how the characters who endured slavery in this film felt. I love the use of string instruments throughout this piece.
19. “The Avengers” – Alan Silvestri (“The Avengers”)
One of the most iconic compositions has to be “The Avengers” theme from the very first blockbuster movie. The buildup of intensity is genius and captures the idea of a group of superheroes coming together to form a powerful team. I love the triumphant and heroic tones that Alan Silvestri is able to create with this composition. The song alone is enough to make the audience want to cheer for the mighty Avengers.
20. “Little Women” – Alexandre Desplat (“Little Women”)
Chaotic as the four sisters themselves, this track is extremely fast paced right out of the gate. However, it maintains a light feeling, possibly to represent the women’s femininity and innocence. I think this composition is a very cute track to play as the sisters cause mischief in their town.
Hopefully, I’ve introduced you to some new film scores and maybe have even convinced you that film scores can be fun to listen to! If not, I recommend watching these films to really be able to appreciate the music within the film. Happy listening and watching!
From Your Site Articles
Related Articles Around the Web
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
!function(a9,a,p,s,t,A,g){if(a[a9])return;function q(c,r){a[a9]._Q.push([c,r])}a[a9]={init:function(){q("i",arguments)},fetchBids:function(){q("f",arguments)},setDisplayBids:function(){},targetingKeys:function(){return[]},_Q:[]};A=p.createElement(s);A.async=0;A.src=t;g=p.getElementsByTagName(s)[0];g.parentNode.insertBefore(A,g)}("apstag",window,document,"script","//c.amazon-adsystem.com/aax2/apstag.js");
//initialize the apstag.js library on the page to allow bidding window.apstag.init({ pubID: 'dfd74c45-60b1-486c-a0cc-3061314f0d83', //enter your pub ID here as shown above, it must within quotes adServer: 'googletag' });
console.log("apstag set", window);
/* Fetch Amazon Slots (init at /scripts/header-scripts.html) */ window.apstag.fetchBids({ slots: [ { slotID: 'div-gpt-ad-2-0', slotName: window._sectionAndPostAdSettings+'/rectangle_1', sizes: [[300, 250]] }, { slotID: 'div-gpt-ad-2-1', slotName: window._sectionAndPostAdSettings+'/rectangle_2', sizes: [[300, 250]] }, { slotID: 'div-gpt-ad-2-2', slotName: window._sectionAndPostAdSettings+'/rectangle_3', sizes: [[300, 250]] }, { slotID: 'div-gpt-ad-3-0', slotName: window._sectionAndPostAdSettings+'/leader_1', sizes: [[970, 90], [728, 90], [970, 250]] }, /* { slotID: 'div-gpt-ad-3-1', slotName: window._sectionAndPostAdSettings+'/leader_2', sizes: [[970, 90], [728, 90], [970, 250]] },*/ { slotID: 'div-gpt-ad-3-2', slotName: window._sectionAndPostAdSettings+'/leader_3', sizes: [[970, 90], [728, 90], [970, 250], [300, 250]] }, { slotID: 'div-gpt-in-content-ad', slotName: window._sectionAndPostAdSettings+'/feed_1x1', sizes: [[1,1]] } ], timeout: 2e3 }, function(bids) { console.log("lolololol") // set apstag targeting on googletag, then trigger the first DFP request in googletag's disableInitialLoad integration googletag.cmd.push(function(){ window.apstag.setDisplayBids(); googletag.pubads().refresh(); }); }); window.refreshAds = function(refresh_slots) { if(typeof(refresh_slots) == "undefined") { googletag.pubads().refresh(); } else { googletag.pubads().refresh(refresh_slots); } };
var headerBiddingTag = document.createElement('script'); headerBiddingTag.type="text/javascript";
headerBiddingTag.onload = function() { (function() { var egads = document.createElement('script'); egads.async = true; egads.type="text/javascript"; var useSSL = 'https:' == document.location.protocol; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(egads, node); egads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; })(); };
var useSSL = 'https:' == document.location.protocol; var n = document.getElementsByTagName('script')[0]; n.parentNode.insertBefore(headerBiddingTag, n); headerBiddingTag.src = (useSSL ? 'https:' : 'http:') + '//js-sec.indexww.com/ht/htw-theodysseyonline.js';
/* Facebook Pixel Code */ !function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n; n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window, document,'script','https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '1189280601113798');
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
const slideshowPrev = document.querySelector('.listicle-slideshow--prev'); const slideshowNext = document.querySelector('.listicle-slideshow--next');
document.body.addEventListener('click', event => { if (event.target !== slideshowPrev && event.target !== slideshowNext) { return } console.log('refreshing ads'); window.refreshAds([slots['rectangle_2']]); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "20869612" });
(function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = (document.location.protocol == "https:" ? "https://sb" : "http://b") + ".scorecardresearch.com/beacon.js"; el.parentNode.insertBefore(s, el); })();
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
(function(d, s, id){ var js, sjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "https://sdk.snapkit.com/js/v1/create.js"; sjs.parentNode.insertBefore(js, sjs); }(document, 'script', 'snapkit-creative-kit-sdk'));
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var threshold=window.innerHeight; /*REBELMOUSE_STDLIB.onElementInViewport({ selector: ".ad-m", isMatchingNode(node) { return node.classList.contains('ad-m'); },threshold, onIntersect(entry) { window.ad_diiv=entry.target; console.log(ad_diiv) let ad_unit=window._sectionAndPostAdSettings+"https://www.theodysseyonline.com/"+ad_diiv.getAttribute("data-ad-unit"); let ad_id=ad_diiv.id; console.log(ad_id+"-----"+ad_unit) googletag.cmd.push(function() { //var r_slot= googletag.defineSlot(ad_unit, [300, 250], ad_id).addService(googletag.pubads()); googletag.enableServices() googletag.display(ad_id); window.apstag.setDisplayBids(); googletag.pubads().refresh(r_slot);
}); } });*/
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
const script = document.createElement('script'); script.src = "//ap.lijit.com/www/sovrn_beacon_standalone/sovrn_standalone_beacon.js?iid= 13296248"; script.id = "sBeacon"; script.async = true; document.head.appendChild(script);
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
window.REBELMOUSE_STDLIB.loadExternalScript("https://confiant-integrations.global.ssl.fastly.net/nhQP5mb93vqFQKGxaIl2pZKy6aY/gpt_and_prebid/config.js", function() {
});
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var scope = {};
scope.scrollTop = function(){ return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; };
scope.isMobile = /Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent);
scope.previousPosition = scope.scrollTop();
scope.toggleAd = function(){
var position = scope.scrollTop();
document.body.classList.toggle('site--scrolled', position > window.adHeight);
if(scope.isMobile){ console.log('Device is mobile'); document.body.classList.toggle('mobile-site--scrolled-lead-image', position > 730); }
};
scope.toggleAd(); scope.scrollToggler = function(){ scope.toggleAd();
var scroll = scope.scrollTop(); document.body.classList.toggle('scroll-down', scroll > scope.previousPosition); scope.previousPosition = scroll;
if(scroll + window.innerHeight > document.body.clientHeight - window.adHeight) { document.body.classList.remove('scroll-down'); } };
scope.deferer = null;
scope.scrollListener = function(){ if(scope.deferer) clearTimeout(scope.deferer); scope.deferer = setTimeout(scope.scrollToggler, 250); };
window.addEventListener('scroll', scope.scrollListener);
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var scope = {};
var $searchButton = document.querySelector('.search-bar-container .open-search-bar'), $closeButton = document.querySelector('.search-bar-container .close-search-bar'), $searchBarContainer = document.querySelector('.search-bar-container'), $searchInput = document.querySelector('.search-bar-container .search-widget__input'), $searchForm = document.querySelector('.search-bar-container form');
$searchButton.addEventListener('click', function(e){ e.preventDefault(); $searchBarContainer.classList.add('active');
$closeButton.style.display = 'block'; $searchButton.style.display = 'none'; });
$closeButton.addEventListener('click', function(e){ e.preventDefault(); $searchBarContainer.classList.remove('active');
$searchButton.style.display = 'block'; $closeButton.style.display = 'none'; });
$searchInput.addEventListener('keydown', function (e) { if (e.code === 13) { $searchForm.submit(); return false; } });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var formToJSON = function(form){ var fData = new FormData(form); var obj = {};
fData.forEach(function(value, key){ obj[key] = value; });
return obj; };
var objectToQueryString = function(params){ return Object.keys(params).map(function(key){return encodeURIComponent(key) + '=' + encodeURIComponent(params[key])}).join('&'); };
var isEmail = function(email){ var regex = /^([a-zA-Z0-9_.+-])+@(([a-zA-Z0-9-])+.)+([a-zA-Z0-9]{2,4})+$/; return regex.test(email); };
var register = function(form){
let url = form.action; let options = {}; let body = formToJSON(form);
url = url.replace(/?$/, '') + "newslettercb&" + objectToQueryString(body);
if(!('newslettercb' in window)){ window.newslettercb = function(data){ let failureElement = form.querySelector('.newsletter-failure');
if (data.result !== "success") { console.log('error: ' + data.msg); if ((data.msg.match("Click here to update your profile.$")) || (data.msg.match("^Recipient"))) { failureElement.innerText('You are already subscribed.'); failureElement.classList.remove('hidden'); } return; }
form.querySelector('.newsletter-failure').classList.add('hidden'); form.querySelector('#newsletter-email').classList.add('hidden'); form.querySelector('#newsletter-submit-button').classList.add('hidden'); form.querySelector('.newsletter-success').classList.remove('hidden'); } }
let script = document.createElement("script"); script.src = url; script.async = true; document.head.appendChild(script); };
var onButtonClick = function(event){ event.preventDefault();
let form = this.closest('form'); let inputField = form.querySelector('#newsletter-email');
var enteredEmail = inputField.value; if ( isEmail(enteredEmail) ) { register(form); } else { form.querySelector('.newsletter-failure').classList.remove('hidden'); } };
document.querySelectorAll('form.newsletter').forEach(function(form){ let button = form.querySelector('[type="submit"]');
if(!button) return;
console.log("scope1", form); button.addEventListener('click', onButtonClick); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
document.querySelectorAll(".viewport-css-anchor").forEach(function(element){ if(window.scrollY < (element.offsetTop + element.offsetHeight)) return; var style = element.getAttribute('data-id'); document.getElementById(style).setAttribute('media', 'screen'); }); }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ window.REBELMOUSE_STDLIB.loadExternalScript("//js.hsforms.net/forms/v2.js", function() { hbspt.forms.create({ portalId: "4526177", target: '#hubspot-form', formId: "6b1e50fe-b7ee-440b-8a34-d0f42a900ac9" }); }); }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ window.REBELMOUSE_STDLIB.loadExternalScript("https://embed.actionbutton.co/widget/widget.min.js", function() { }); }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ var $firstArticle = document.querySelector('div.article-module:not(.article--socialux)'); var $slug = "https://www.theodysseyonline.com/" + window.location.href.split("https://www.theodysseyonline.com/").pop(); if(!$firstArticle) return; function loadPlayer(playerId, playerClass, playerDomain) { console.log('loadPlayer', playerId, playerClass, playerDomain); var powr_loader = document.querySelectorAll(playerClass)[0]; powr_loader.id = "powr_1"; var powr_script = document.createElement("script"); powr_script.id = "powr_" + Math.floor(Math.random() * 1000); powr_script.type = "text/javascript"; powr_script.src = "https://player.powr.com/player.min.js"; powr_script.async = true; powr_script.placeholder_id = powr_loader.id; powr_script.onload = function() { new PowrPlayer({ "user_id": 100010933, "player_id": 745, "placeholder": this.placeholder_id }); }; console.log("I should have added the video now"); powr_loader.appendChild(powr_script); } function sendRevGAevent(eLabel, eDimension) { var gaFields = { hitType: 'event', eventCategory: 'Video', eventAction: 'Render', eventLabel: eLabel, dimension48: eDimension, nonInteraction: true }; console.log('RevContent NonInteraction Event Tracked', gaFields); window.ga('send', gaFields); window.ga('b.send', gaFields); } function sendRevCloseGAevent(eLabel, eDimension) { var gaFields = { hitType: 'event', eventCategory: 'Video', eventAction: 'Close', eventLabel: eLabel, dimension48: eDimension }; console.log('RevContent Close Event Tracked', gaFields); window.ga('send', gaFields); window.ga('b.send', gaFields); } if ( $firstArticle.classList.contains('revplayer-none') ) { console.log('Player is disabled via technical section.'); return false; } else if ( $firstArticle.classList.contains('revplayer-lead') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-lead-container', 'odyssey_lead-theodysseyonline.com'); sendRevGAevent($slug, window.playerId); $firstArticle.querySelector('.article__header').classList.add('with-revplayer-lead'); console.log('Player ' + window.playerId + ' is on lead media'); } else if ( $firstArticle.classList.contains('revplayer-before') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-before-container', 'odyssey_zero-theodysseyonline.com'); sendRevGAevent($slug, window.playerId); console.log('Player ' + window.playerId + ' is before body.'); } else if ( $firstArticle.classList.contains('revplayer-after') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-after-container', 'odyssey_bottom-theodysseyonline.com'); sendRevGAevent($slug, window.playerId); console.log('Player ' + window.playerId + ' is after body.'); } else { if ( $firstArticle.classList.contains('revplayer-listicle') && $firstArticle.querySelectorAll('.powrload_9edb92').length > 0 ){ window.playerId = 100010933; loadPlayer(window.playerId, '.powrload_9edb92', 'odyssey_fifty-theodysseyonline.com'); sendRevGAevent($slug, window.playerId); console.log('No technical sections detected. Defaulting listicle to player ' + window.playerId); } else if ( $firstArticle.querySelectorAll('.rcjsload_aef9d4').length > 0 ) { window.playerId = 100010933; loadPlayer(window.playerId, '.rcjsload_aef9d4', 'odyssey_fifty-theodysseyonline.com'); sendRevGAevent($slug, window.playerId); console.log('No technical sections detected. Defaulting article to player ' + window.playerId); } else { console.log('Article is too short for Player to show up'); } }
document.querySelectorAll('.powr-close').forEach(function(el){ el.addEventListener('click', function(){ $firstArticle.querySelector('.article__header').classList.remove('with-revplayer-lead'); sendRevCloseGAevent($slug, window.playerId); }); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
window.REBELMOUSE_STDLIB.loadExternalScript("https://connect.facebook.net/en_US/sdk.js", function() {
});
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
window.REBELMOUSE_STDLIB.loadExternalScript("https://cdn.parsely.com/keys/theodysseyonline.com/p.js", function() {
var last_post_url="https://www.theodysseyonline.com/most-brilliant-music-scores-tv"; function updatePareslyPV(event) { if (event.detail.trackPageView && event.detail.id != 2649775690) {
var newurl = event.detail.url; if (window.PARSELY) { console.log(' ==== PARSELY TRACKER ==== ') urlref = last_post_url;
PARSELY.beacon.trackPageView({ url: newurl, urlref: urlref, js: 1 }); last_post_url = newurl; } } } document.addEventListener('rebelmouse.urlChange',function (event) { setTimeout(updatePareslyPV(event), 220) })
});
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
/*!
* clipboard.js v1.5.3
* https://zenorocha.github.io/clipboard.js
*
* Licensed MIT © Zeno Rocha
*/
!function(t){;{var e;e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:this,e.Clipboard=t()}}(function(){var t,e,n;return function t(e,n,r){function o(a,c){if(!n[a]){if(!e[a]){var s="function"==typeof require&&require;if(!c&&s)return s(a,!0);if(i)return i(a,!0);var u=new Error("Cannot find module '"+a+"'");throw u.code="MODULE_NOT_FOUND",u}var l=n[a]={exports:{}};e[a][0].call(l.exports,function(t){var n=e[a][1][t];return o(n?n:t)},l,l.exports,t,e,n,r)}return n[a].exports}for(var i="function"==typeof require&&require,a=0;a
var _postViewsElem = document.querySelector('.page-views');
if (_postViewsElem!==null){ var _postViews = parseInt(_postViewsElem.textContent); _postViewsElem.textContent = beautifyViews(_postViews); }
var clipboard = new Clipboard('.js--copytext'), animationClass="button--copytext-animation", timer;
clipboard.on('success', function(event) { var $btn = event.trigger;
$btn.classList.remove(animationClass); void event.trigger.offsetWidth; // see https://css-tricks.com/restart-css-animation/#article-header-id-0 $btn.classList.add(animationClass); clearTimeout(timer); timer = setTimeout(function(){ $btn.classList.remove(animationClass); },1500); console.info("Copied text to clipboard: " + event.text); });
var tagNameItem = document.querySelector('.post-partial .article-primary-tag'); if (tagNameItem) { var tagNameValue = tagNameItem.innerHTML; if (tagNameValue.indexOf('-')) { tagNameItem.innerHTML = tagNameValue.split('-').join(' '); tagNameItem.classList.remove("hidden"); } }
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var body = document.querySelector('body'), dialogOpen = 'data-target-dialog', dialogClose="js--close-fullscreen-dialog";
function closeDialog () { document.querySelectorAll('.is--active').forEach(function(element){ element.classList.remove('is--active'); }); body.classList.remove('fullscreen-dialog-open'); }
function openDialog (dialog) { document.querySelectorAll('.is--active').forEach(function(el){ el.classList.remove('is--active'); }); dialog.classList.add('is--active'); body.classList.add('fullscreen-dialog-open'); }
var openClick = function(event){
event.stopPropagation(); event.preventDefault();
var target = this.getAttribute(dialogOpen); var targetID = target;
if(target[0] !== '.' && target[0] !== "https://www.theodysseyonline.com/#"){ targetID = "https://www.theodysseyonline.com/#"+targetID; }
var dialog = document.querySelector(targetID);
// Facebook Comments dialog if ( event.target.getAttribute('data-facebook-comments-url') ) { openDialog (dialog);
var url = event.target.getAttribute('data-facebook-comments-url'); var container = dialog.querySelector('.fbc__container'); if(container){ container.innerHTML = '
'; } FB.XFBML.parse( document.getElementById(target) ); }
// Avatar window else if( event.target.getAttribute('data-avatar') ) { var imgurl = event.target.getAttribute('data-avatar');
if( imgurl.indexOf('res/avatars/default') == -1 ) {
openDialog(dialog);
var container2 = dialog.querySelector('.fullscreen-dialog__img-container');
if(container2){
container2.innerHTML = '';
}
}
}
else { openDialog (dialog); } };
var closeClick = function(event){ closeDialog(); event.stopPropagation(); event.preventDefault(); };
document.querySelectorAll('['+dialogOpen+']').forEach(function(element){ element.addEventListener('click', openClick); });
document.querySelectorAll('.'+dialogClose).forEach(function(element){ element.addEventListener('click', closeClick); });
body.addEventListener('click', function(event){ var target = this;
if(target.getAttribute(dialogOpen)){ openClick(event); return; }
if(target.classList.contains(dialogClose)){ closeClick(event); return; } });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
/*var onClick = function(event){ var articleCt = this.parentNode; articleCt.classList.toggle('article__body--expanded');
if(window.REBELMOUSE_STDLIB.getDevice() === 'mobile'){ var event = new CustomEvent("article-expanded", articleCt.closest('.widget')); window.dispatchEvent(event); } this.remove(); event.stopPropagation(); event.preventDefault(); };
var onElement = function(element){ element.addEventListener('click', onClick); };
document.querySelectorAll('.button--read-more').forEach(onElement); window.REBELMOUSE_STDLIB.createElementChangeListener('.button--read-more', onElement);*/
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var sendGAevent = function(eAction, eLabel, eDimension) { var gaFields = { hitType: 'event', eventCategory: 'Impression', eventAction: eAction, eventLabel: eLabel, dimension33: eDimension, nonInteraction: true };
console.log('New NonInteraction Impression Tracked', gaFields); window.ga('send', gaFields); window.ga('b.send', gaFields); };
var elementsToTrack = { /*Frontpage Newsletter CTA*/ '.js--ga-impression-newsletter-cta-home': function() { sendGAevent('newsletter-cta-home', '', 'Newsletter CTA'); }, /*Postpage Creator CTA*/ '.js--ga-impression-creator-cta-content': function() { sendGAevent('creator-cta-content', '', 'Creator CTA'); }, /*Postpage First Inarticle Newsletter CTA*/ '.js--ga-impression-newsletter-cta-content': function(el) { if (el.classList.contains('js--impression-tracked')) return;
el.classList.add('js--impression-tracked');
var closest = el.closest('.article--new');
if (!closest) { sendGAevent('newsletter-cta-content', '', 'Newsletter CTA'); return; }
if (!closest.classList.contains('article--socialux')) { sendGAevent('newsletter-cta-content', '', 'Newsletter CTA'); } }, /*Frontpage Popular List*/ '.js--ga-impression-popular-list .widget': function(el) { sendGAevent('popular-list', el.querySelector('.headline__link').getAttribute('href'), 'Popular Card Item'); }, /*Frontpage Ad Slot in Popular List*/ '.js--ga-impression-popular-list-ad': function() { sendGAevent('popular-list', '', 'ad'); }, '.js--ga-impression-popular-list-content-page-one .widget': function(el) { sendGAevent('popular-list-content-page-one', el.querySelector('.headline__link').getAttribute('href'), 'Popular Card Item'); }, /*Postpage Popular List Second module*/ '.js--ga-impression-popular-list-content-page-two .widget': function(el) { sendGAevent('popular-list-content-page-two', el.querySelector('.headline__link').getAttribute('href'), 'Popular Card Item'); }, '.js--ga-impression-frontpage-post-in-section .widget': function(el) { sendGAevent(el.closest('.js--ga-impression-frontpage-post-in-section').getAttribute('data-ga-event-action'), el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, /*Frontpage Ad Slots in a section*/ '.js--ga-impression-frontpage-ad-in-section': function(el) { sendGAevent(el.getAttribute('data-ga-event-action'), '', 'ad'); }, /*Postpage Newest Posts module*/ '.js--ga-impression-newest-content-page .widget': function(el) { sendGAevent('newest-content-page', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, /*Postpage First inarticle ads*/ '.ad--inarticle': function(el) { if (el.classList.contains('js--impression-tracked')) return;
el.classList.add('js--impression-tracked');
var closest = el.closest('.article--new');
if (!closest) { sendGAevent('in-read-ad', '', 'ad'); return; }
if (!closest.classList.contains('article--socialux')) { sendGAevent('in-read-ad', '', 'ad'); } }, '.js--ga-impression-discover-post .widget__body': function(el) { sendGAevent('discover', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, '.js--ga-impression-discover-ad': function() { sendGAevent('discover', '', 'ad'); }, '.js--ga-impression-trending-ad': function() { sendGAevent('trending', '', 'ad'); }, '.js--ga-impression-related-articles .widget__body': function(el) { sendGAevent('relatedArticles', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, '.js--ga-impression-popular-list-community .widget__body': function(el) { sendGAevent('popular-list-community', el.querySelector('.headline__link').getAttribute('href'), 'Related Card Item'); }, '.js--ga-impression-community-articles .widget__body': function(el) { sendGAevent('communityArticles', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, '.js--ga-impression-community-articles-ad': function() { sendGAevent('communityArticles', '', 'ad'); }, '.js--ga-impression-author-articles .widget__body': function(el) { sendGAevent('authorArticles', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, '.js--ga-impression-article-search .widget__body': function(el) { sendGAevent('articleSearch', el.querySelector('.headline__link').getAttribute('href'), 'headline'); }, '.js--ga-impression-article-search-ad': function() { sendGAevent('articleSearch', '', 'ad'); }, '.js--ga-impression-related-content .widget': function(el) { if (el.classList.contains('js--impression-tracked')) return;
el.classList.add('js--impression-tracked');
var closest = el.closest('.article--new');
if (!closest) { sendGAevent('in-read-ad', '', 'ad'); return; }
if (!closest.classList.contains('article--socialux')) { sendGAevent('related-content', el.querySelector('.headline__link').getAttribute('href'), 'Related Card Item'); } }, /*Postpage Ad Slots in Sidebar*/ '.js--ga-impression-sidebar-content-ad': function(el) { if (el.classList.contains('js--impression-tracked')) return;
el.classList.add('js--impression-tracked'); sendGAevent('sidebar', '', 'ad'); }, /*Postpage Ad Slots related content ads*/ '.js--ga-impression-related-content-ad': function(el) { if (el.classList.contains('js--impression-tracked')) return;
el.classList.add('js--impression-tracked'); sendGAevent('related-content', '', 'ad'); } };
var onIntersect = function(entry) { if (!entry.isIntersecting) return;
var target = entry.target;
Object.keys(elementsToTrack).forEach(function(query) { if (target.matches(query)) elementsToTrack[query](target); }); };
var isMatchingNode = () => true;
var addToObserver = function(selector) { window.REBELMOUSE_STDLIB.onElementInViewport({ selector, onIntersect, isMatchingNode, oneTime: true }); };
Object.keys(elementsToTrack).forEach(function(selector) { addToObserver(selector); });
window.addEventListener('rblms-featuredCreatorImpressionTrack', function(e, data) { var query = '.js--ga-impression-frontpage-featured-creator .widget'; elementsToTrack[query] = function(el) { sendGAevent(el.closest('.js--ga-impression-frontpage-featured-creator').getAttribute('data-ga-event-action'), el.querySelector('.headline__link').getAttribute('href'), 'headline'); }; addToObserver(query); });
addToObserver('.js--ga-impression-sidebar-content-ad'); addToObserver('.js--ga-impression-related-content-ad'); addToObserver('.js--ga-impression-related-content .widget');
// Track impressions from Load More cards // These events are set in their respective xml file next_page tags window.addEventListener('rblms-impressionTrack', function(e, data) { sendGAevent(data.action, data.label, data.dimension); });
window.addEventListener('popular-posts-inserted', function() { var query = '.js--ga-impression-popular-list-inarticle .widget'; elementsToTrack[query] = function(el) { sendGAevent('popular-list-inarticle', el.querySelector('.headline__link').getAttribute('href'), 'Popular Card Item'); }; addToObserver(query); });
function onKeepReadinEvent($widget){ var postUrl = $widget.querySelector('[data-post-url]').getAttribute('data-post-url');
var gaKeepReadingFields = { hitType: 'event', eventCategory: 'Click', eventAction: 'User Clicked Keep Reading', eventLabel: postUrl, dimension17: 'Mobile Keep Reading' };
console.log('Keep Reading Tracked', gaKeepReadingFields); window.ga('send', gaKeepReadingFields); window.ga('b.send', gaKeepReadingFields);
/*Postpage Inarticle Expanded Newsletter CTA*/ addToObserver('.js--ga-impression-newsletter-cta-content'); addToObserver('.ad--inarticle'); }
window.addEventListener('article-expanded', function(e, $widget) { onKeepReadinEvent($widget); });
function onJSKeepReadingClick(event){ onKeepReadinEvent(this.closest('.widget, .article__body')); }
window.REBELMOUSE_STDLIB.createElementChangeListener('.js-keep-reading', function(element){ element.addEventListener('click', onJSKeepReadingClick); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var sendGAevent = function(gaFields) { console.log('New Event Tracked', gaFields); window.ga('send', gaFields); window.ga('b.send', gaFields); }
var trackClick = function(e){ var $t = e.target, url = $t.getAttribute('data-url') || false, eCategory = $t.getAttribute('data-event-category'), eAction = $t.getAttribute('data-event-action'), eLabel = $t.getAttribute('data-event-label'), eValue = $t.getAttribute('data-event-value'), eDimension = $t.getAttribute('data-event-dimension'), eDimensionValue = $t.getAttribute('data-event-dimension-value') || $t.closest('[data-dimension-value]').attr('data-dimension-value') || '', gaFields;
// open popup window for share buttons url && Sharer.openPopupWindow(url);
// GA formatted event data if (eCategory === 'social') { gaFields = { hitType: 'social', socialNetwork: eAction, socialAction: eLabel, socialTarget: eValue }; } else { gaFields = { hitType: 'event', eventCategory: eCategory, eventAction: eAction, eventLabel: eLabel, eventValue: eValue }; }
// Set dimension, if any if( eDimension && eDimensionValue ){ gaFields[eDimension] = decodeURIComponent(eDimensionValue); }
sendGAevent(gaFields); };
var handlerJSGATRACKelement = function(element){ element.addEventListener('click', trackClick); };
document.querySelectorAll('.js-ga-track').forEach(handlerJSGATRACKelement); if(window.REBELMOUSE_STDLIB != undefined) { window.REBELMOUSE_STDLIB.createElementChangeListener('.js-ga-track', handlerJSGATRACKelement); }
var sendFBEvents = function(){
if(!("FB" in window)) return;
window.FB.Event.subscribe('edge.create', function(url, html_element) { if( html_element.classList.contains('.js--track-likes') ) { sendGAevent({ hitType: 'event', eventCategory: 'social', eventAction: 'Facebook', eventLabel: 'like-odyssey', eventValue: window.location.href, dimension17: 'Like Odyssey on Facebook (Article Page)' }); } });
window.FB.Event.subscribe('edge.remove', function(url, html_element) { if( html_element.classList.contains('.js--track-likes') ) { sendGAevent({ hitType: 'event', eventCategory: 'social', eventAction: 'Facebook', eventLabel: 'like-odyssey', eventValue: window.location.href, dimension17: 'Unlike Odyssey on Facebook (Article Page)' }); } }); };
if(window.REBELMOUSE_STDLIB != undefined) window.REBELMOUSE_STDLIB.createElementChangeListener('#fb-root', sendFBEvents);
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var searchForm = document.querySelector('.js--search-form'), searchFormTrigger = document.querySelector('.js--toggle-search-form'), searchFormInput = document.querySelector('.js--search-form-input');
if(!searchFormTrigger) return;
searchFormTrigger.addEventListener('click', function(){ searchFormInput.value=""; searchFormInput.blur(); searchForm.classList.toggle('is-active');
if(searchForm.classList.contains('is-active')){ searchFormInput.focus(); } });
var toggleClick = function(){ var parent = this.closest('.user-info__menu'); if(!parent) return;
parent.classList.toggle("user-info__menu--active");
if (!parent.classList.contains("user-info__menu--active")) return;
var offClick = function() { parent.classList.remove("user-info__menu--active"); document.removeEventListener('click', offClick); };
document.addEventListener('click', offClick); };
document.querySelectorAll('.js--toggle-user-info__menu').forEach(function(element){ element.addEventListener('click', toggleClick); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
/*NOTE: we already have it from _ad_video_powr component */ /* skip it */ return; /* */
var firstArticle = document.querySelector('div.article-module:not(.article--socialux)'); var slug = "https://www.theodysseyonline.com/" + window.location.href.split("https://www.theodysseyonline.com/").pop();
if(!firstArticle) return;
function loadPlayer(playerId, playerClass, playerDomain) { var powr_loader = document.querySelectorAll(playerClass)[0]; powr_loader.id = "powr_1";
var powr_script = document.createElement("script"); powr_script.id = "powr_" + Math.floor(Math.random() * 1000); powr_script.type = "text/javascript"; powr_script.src = "https://player.powr.com/player.min.js"; powr_script.async = true; powr_script.placeholder_id = powr_loader.id; powr_script.onload = function() { new PowrPlayer({ "user_id": 100010933, "player_id": 745, "placeholder": this.placeholder_id }); };
powr_loader.appendChild(powr_script); }
function sendRevGAevent(eLabel, eDimension) { var gaFields = { hitType: 'event', eventCategory: 'Video', eventAction: 'Render', eventLabel: eLabel, dimension48: eDimension, nonInteraction: true };
console.log('RevContent NonInteraction Event Tracked', gaFields);
window.ga('send', gaFields); window.ga('b.send', gaFields); }
function sendRevCloseGAevent(eLabel, eDimension) { var gaFields = { hitType: 'event', eventCategory: 'Video', eventAction: 'Close', eventLabel: eLabel, dimension48: eDimension };
console.log('RevContent Close Event Tracked', gaFields);
window.ga('send', gaFields); window.ga('b.send', gaFields); }
if ( firstArticle.classList.contains('revplayer-none') ) { console.log('Player is disabled via technical section.'); return false; } else if ( firstArticle.classList.contains('revplayer-lead') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-lead-container', 'odyssey_lead-theodysseyonline.com'); sendRevGAevent(slug, window.playerId); firstArticle.querySelector('.article__header').classList.add('with-revplayer-lead'); console.log('Player ' + window.playerId + ' is on lead media'); } else if ( firstArticle.classList.contains('revplayer-before') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-before-container', 'odyssey_zero-theodysseyonline.com'); sendRevGAevent(slug, window.playerId); console.log('Player ' + window.playerId + ' is before body.'); } else if ( firstArticle.classList.contains('revplayer-after') ) { window.playerId = 100010933; loadPlayer(window.playerId, '.revplayer-after-container', 'odyssey_bottom-theodysseyonline.com'); sendRevGAevent(slug, window.playerId); console.log('Player ' + window.playerId + ' is after body.'); } else { if ( firstArticle.classList.contains('revplayer-listicle') && firstArticle.querySelectorAll('.powrload_9edb92').length > 0 ){ window.playerId = 100010933; loadPlayer(window.playerId, '.powrload_9edb92', 'odyssey_fifty-theodysseyonline.com'); sendRevGAevent(slug, window.playerId); console.log('No technical sections detected. Defaulting listicle to player ' + window.playerId); } else if ( firstArticle.querySelectorAll('.rcjsload_aef9d4').length > 0 ) { window.playerId = 100010933; loadPlayer(window.playerId, '.rcjsload_aef9d4', 'odyssey_fifty-theodysseyonline.com'); sendRevGAevent(slug, window.playerId); console.log('No technical sections detected. Defaulting article to player ' + window.playerId); } else { console.log('Article is too short for Player to show up'); } }
document.querySelectorAll('.powr-close').forEach(function(element){ element.addEventListener('click', function(){ firstArticle.querySelector('.article__header').classList.remove('with-revplayer-lead'); sendRevCloseGAevent(slug, window.playerId); }); });
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
var scope = {};
scope.scrollTop = function(){ return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0; };
scope.previousPosition = scope.scrollTop();
scope.scroller = function(){ var scroll = scope.scrollTop();
document.body.classList.toggle('site--scrolled', scroll > 80);
document.body.classList.toggle('site--scrolled-leading', scroll > 730);
if(scroll > scope.previousPosition) { document.body.classList.add('scroll-down'); } else { document.body.classList.remove('scroll-down'); } scope.previousPosition = scroll;
if(scroll + window.innerHeight > document.body.clientHeight - 100) { document.body.classList.remove('scroll-down'); } };
scope.deferer = null;
scope.scrollListener = function(){ if(scope.deferer) clearTimeout(scope.deferer); scope.deferer = setTimeout(scope.scroller, 10); };
window.addEventListener('scroll', scope.scrollListener);
});
window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){
let activeLink = document.querySelector('.sidebar--sticky [href="' + window.location.pathname + '"]'); if(!activeLink) return;
let dropdownLabel = document.querySelector('.static-sidebar-label'); let ww = window.innerWidth; if( ww < 768) { // if mobile dropdownLabel.innerHTML = activeLink.text; } else if(activeLink){ activeLink.classList.add("active"); } }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ function addEventHandler(elem, eventType, handler) { if (elem.addEventListener) elem.addEventListener (eventType, handler, false); else if (elem.attachEvent) elem.attachEvent ('on' + eventType, handler); } function hasClass(el, className) { if (el.classList) return el.classList.contains(className) else return !!el.className.match(new RegExp('(\s|^)' + className + '(\s|$)')) } function addClass(el, className) { if (el.classList) el.classList.add(className) else if (!hasClass(el, className)) el.className += " " + className } function removeClass(el, className) { if (el.classList) el.classList.remove(className) else if (hasClass(el, className)) { var reg = new RegExp('(\s|^)' + className + '(\s|$)') el.className=el.className.replace(reg, ' ') } } var tabs = document.querySelectorAll('[data-tab-target]'); for (var i = 0; i < tabs.length; i++) { addEventHandler(tabs[i], 'change', function() { var tabName = this.getAttribute('data-tab-name'), tabTargets = this.getAttribute('data-tab-target').split(','), allTabs = document.querySelectorAll('[data-tab-name="'+tabName+'"][data-tab]'); for( var i = 0; i < allTabs.length; i++ ) { addClass(allTabs[i], 'hidden'); } for( var i = 0; i < tabTargets.length; i++ ) { removeClass(document.querySelector('[data-tab-name="'+tabName+'"][data-tab="'+tabTargets[i]+'"]'), 'hidden'); } }); } }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ var tagNameItem = document.querySelector('.article__section_v3 .article-primary-tag'); if (tagNameItem) { var tagNameValue = tagNameItem.innerHTML; if (tagNameValue.indexOf('-')) { tagNameItem.innerHTML = tagNameValue.split('-').join(' '); tagNameItem.classList.remove("hidden"); } } }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ function sendGAevent(gaFields) { console.log('Event Tracked', gaFields); window.ga('send', gaFields); window.ga('b.send', gaFields); } document.addEventListener('click', function(event) { if (event.target.classList.contains('click-to-play-overlay')) { var t = event.target, videoSlug = t.parentNode.getAttribute('data-slug'), videoAuthor = t.parentNode.getAttribute('data-author'), videoCommunity = t.parentNode.getAttribute('data-community'); t.classList.add('hidden'); t.previousElementSibling.play(); sendGAevent({ hitType: 'event', eventCategory: 'Video', eventAction: 'Play', eventLabel: videoSlug, metric13: '1', dimension1: videoCommunity, dimension2: videoAuthor }); } }); }); window.REBELMOUSE_LOWEST_TASKS_QUEUE.push(function(){ window.REBELMOUSE_STDLIB.loadExternalScript("https://s.skimresources.com/js/91866X1545747.skimlinks.js", function() { }); });