Home / Best Lists / Musical films with the best songs

Musical films with the best songs



What are the biggest music movies with the best songs? This list contains many of the greatest films of all time, in large part because of the incredible songs they provide. In these films, you stop and sing, no matter where you are or what you do. Vote for the music films that you think contain the best songs, choose any that you do not like and, please, feel free to rearrange this list in any order. If you have a favorite movie that is not listed, add it!

There's a reason the Academy Awards recognize "the best original song" in addition to the score: movie songs are incredibly important. Movies with the best soundtracks are already good, but they become positively iconic with great music. Films like "The Wizard of Oz" are already true classics, but with Judy Garland singing "Somewhere Over the Rainbow"? Even better.

Not surprisingly, this list contains movie versions of some of the best Broadway musicals ever made: "Les Miserables," "The Phantom of the Opera," and "West Side Story," just to name a few. Each of these films contained many, if not all, memorable songs from the Broadway soundtracks.

Each movie listed here could easily be counted as one of the best ever produced movies, but in this case it's the songs "Tomorrow" by "Annie", "Circle of Life" by "The Lion King" and " My favorite things "from" The Sound of Music "- can you honestly say that you are not singing along? Did not think so.

If you love movies and you love music, you'll definitely want to try (and vote) this list of films with the best soundtracks of all time.

; Function (a, b) {var c = b (a, a.document); a.lazySizes = c, "object" == typeof module && module.exports && (module.exports = c);} (window, function (a, b) {if (b.getElementsByClassName) {var c, d = b .documentElement, e = a.Date, f = a.HTMLPictureElement, g = "addEventListener", h = "getAttribute", i = a [g] j = a.setTimeout, k = a.requestAnimationFrame || j, l = a.RequestIdleCallback, m = / ^ Image $ / i, n = ["load","error","lazyincluded","_lazyloaded"] o = {}, p = Array.prototype.forEach, q = Function (a, b) {return o [b] || [b] = new RegExp ("(\ s | ^)" + b + "(\ s | $)")), o [b] .test (a [h] ("Class") || "" ) && o [b];}, r = function (a, b) {q (a, b) || a.setAttribute ("class", (a [h] ("class") || ""). trim () + "" + b);}, s = function (a, b) {var c; (c = q (a, b)) && a.setAttribute ("class", (a [h] (" Class ") ||" "). Replace (c," "));}, t = function (a, b, c) {var d = c? G:" removeEventListener "; c && t (a, b) , for (function (c) {a [d] (c, b);});}, u = function (a, c, d, e, f ) {varg = b.createEvent ("CustomEvent"); return g.initCustomEvent (c ,!) e ,! f, d || {}), a.dispatchEvent (g), g;}, v = function (b, d) {var e ;! f && (e = a.picturefill || c.pf)? e ({reevaluate:! 0, elements: [b]}): d && d.src && (b.src = d.src);}, w = function (a, b) {return (getComputedStyle (a, null ) || {}) [b];}, x = function (a, b, d) {for (d = d || a.offsetWidth; d f && (f = 0), a || 9 > f && l? I (): j (i, f));};}, B = function (a) {varb, c, d = 99, f = function () {b = null, a () ;}, g = function () {var a = e.now () - c; d> a? j (g, da) 🙁 l || f) (f);}; return function () {c = e.now (), b || (b = j (g, d));};}, C = function () {varf, k, l, n, o, x, C, E, F, G, H, I, J, K, L, M = / ^ img $ / i, N = / ^ iframe $ / i, O = "onscroll" in a &&! / Glebot / .test (navigator.userAgent), P = 0, Q = 0, R = 0, S = -1, T = function (a) {R -, a && a. Goal && t (a. Goal, T), (! A || 0> R ||! A.Ziel) && (R = 0);}, U = function (a, c) {var e, f = a, g = "hidden" == w (body, "visibility") || "hidden"! = W (a, "visibility"); for (F- = c, I + = c, G- = c, H + = c, g && (f = f.offsetParent) && f! = b .Body && f! = d;) {g = (w (f, "opacity") || 1)> 0, g && "visible"! = w (f, "overflow") && (e = f.getBoundingClientRect (), g = H> e.left && G e.top- 1 && F R && (a = f.length) ) {e = 0, S ++, null == K && ("expand") in c || (c.expand = d.clientHeight> 500 && d.clientWidth> 500? 500: 370), J = c.expand, K = J * c.expFactor), K> Q && 1> R && S & sub2; ? ? ? &&! b .hidden? (Q = K, S = 0): Q = o> 1 && S> 1 && 6> R? J: P; for (; a> e; e ++) {if (f [e] &&! f [e]. _lazyRace) {if (O) {if ((p = f [e][h] ("expand data")) && ( m = 1 * p) || (m = Q), q! == m && (C = innerWidth + m * L, E = inner height + m, n = -1 * m, q = m), g = f [e] .getBoundingClientRect (), (I = g.top)> = n && (F = g.top) <=E&&(H=g.right)> = n * L && (G = g.left) <=C&&(I||H||G||F)&&(l&&3> R &&! P && (3> o || 4> S) || U (f [e] m))) {if (ba (f [e]), j =! 0, R> 9) {break;}} else {! J && l &&! I && 4> R && 4> S && o> 2 && (k [0] || c.preloadAfterLoad) && (k [0] ||! P && (I || H || G || F || " auto "! = f [e][h] (c.sizeAttr)) && (i = k [0] || f [e]);}} else {ba (f [e]);}}} i &&! j && ba (i);}}, W = A (V), X = function (a) {r (a.dest, c.loadedClass), s (a .target, c.loadingClass), t (a. Target, Z);}, Y = z (X), Z = function (a) {Y ({target: a.destination});}, $ = function (a, b) {a.contentWindow.location.replace (b);} catch (c) {a.src = b;}}, _ = function (a) {varb, d, e = a [h] (c.srcsetAttr); (b = c.customMedia [a[h] ("volume") || a [h] ("media")]) && a.setAttribute ("Media", b), e && a.setAttribute ("srcset" , e), b && (d = a.parentNode, d.insertBefore (a.cloneNode (), a), d.removeChild (a));}, aa = z (function (a, b, d, e, f) {varg, i, k, l, o, q; (o = u (a, "lazybeforeunveil", b)) defaultPrevented || (e && (d? r (a, c.autosizeClass): a. setAttribute ("sizes", e)), i = a [h] (c.srcsetAttr), g = a [h] (c.srcAttr), f && (k = a.parentNode, l = k && m.test (k.nodeName || "")), q = b.firesLoad || "src" in a && (i || g || l), o = {target: a}, q && (t (a, T ,! 0), clearTimeout (n), n = j (T, 2500), r (a, c.loadingClass), t (a, Z,! 0)), l && p.call (k.getElementsByTagName (" source "), _), i? a.setAttribute (" srcset ", i): g &&! l && (N.test (a.nodeName)? $ (a, g): a.src = g), ( i || l) && v (a, {src: g})), y (function () {a._lazyRace && delete a._lazyRace, s (a, (c.lazyClass), (! q || a. complete) && (q? T (o): R -, X (o));});}), ba = F function (a) {varb, d = M.test (a.nodeName), e = d && (a [h] (c.sizesAttr) || a [h] ("sizes")), f = "auto" == e; (! f && l | |! d ||! a.src &&! a.srcset || a.complete || q (a, c.errorclass)) && (b = u (a, "lazyunveilread") .detail , f && DupdateElem (a,! 0, a.offsetWidth), a._lazyRace =! 0, R ++, aa (a, b, f, e, d));}, ca = function () {if (! l) {if (e.now () - x <999){return void j(ca,999);}var a=B(function(){c.loadMode=3,W();});l=!0,c.loadMode=3,W(),i("scroll",function(){3==c.loadMode&&(c.loadMode=2),a();},!0);}};return{_:function(){x=e.now(),f=b.getElementsByClassName(c.lazyClass),k=b.getElementsByClassName(c.lazyClass+" "+c.preloadClass),L=c.hFac,i("scroll",W,!0),i("resize",W,!0),a.MutationObserver?new MutationObserver(W).observe(d,{childList:!0,subtree:!0,attributes:!0}):(d[g]("DOMNodeInserted",W,!0),d[g]("DOMAttrModified",W,!0),setInterval(W,999)),i("hashchange",W,!0),["focus","mouseover","click","load","transitionend","animationend","webkitAnimationEnd"].forEach(function(a){b[g](a,W,!0);}),/d$|^c/.test(b.readyState)?ca():(i("load",ca),b[g]("DOMContentLoaded",W),j(ca,20000)),W(f.length> 0);}, checkElems: W, reveal: ba};} (), D = function () {var a, d = z (function (a, b, c, d) {var e, f, g; if (a._lazysizesWidth = d, d + = "px", a.setAttribute ("sizes", d), m.test (b.nodeName || " ")) {for (e = b.getElementsByTagName (" source "), f = 0, g = e.length; g> f; f ++) {e [f] .setAttribute (" sizes ", d); }} c.detail.dataAttr || v (a, c.detail);}), e = function (a, b, c) {var e, f = a.parentNode; f && (c = x (a, f, c), e = u (a, "lazybeforesizes", {width: c, dataAttr: !! b}), e.defaultPrevented || (c = d.detail.width , c && c! == a._lazysizesWidth && d (a, f, e, c))}}, f = function () {var b, c = a.length; if (c) {for (b = 0; c> b; b ++) {e (a [b]);}}}, g = B (f); return {_: function () {a = b.getElementsByClassName (c.autosizesClass), I ("resize", g);}, checkElems: g, updateElem: e};} (), E = function () {Ei || (Ei =! 0, D ._ (), C ._ ());}; return function () {var b, d = {lazyClass: "lazyload", loadedClass: "lazyloaded", loadingClass: "lazyloading", preloadClass: "lazy preload", errorClass: "lazyerror", autosizesClass: "lazyautosizes", srcAttr: "data-src", srcse tAttr: "data-srcset", sizesAttr: "data sizes", minSize: 40, customMedia: {}, init :! 0, expFactor: 1.5, hFac: 0.8, loadMode: 2}; c = a.lazySizesConfig || a.lazysizesConfig || {}; for (b in d) {b in c || (c [b] = d [b]);} a.lazySizesConfig = c, j (function () {c.init && E ();});} (), {cfg: c, autoSizer: D, loader : C, init: E, uP: v, aC: r, rC: s, hC: q, fire: u, gW: x, rAF: y};}}); var _downloadJSAtOnload = function () {var element = null; element = document.createElement ("script"); element.async = true; element.src = "http: //native.sharethrough.com/settings/sfp.js"; document.body.appendChild (element); (Function (w, d, s, p, v, e, r) {w ["$igniter_var"] = v; w [v] = w [v] || function () {(w [v] .q = w [v] .q || []). Push (Arguments);}; w [v] .l = 1 * new Date (); e = d.createElement (e), r = d.getElementsByTagName (s) [Easync=1;esrc=p+"?Ts="+(+newdate()/3600000|0);rparentNodeinsertBefore(er);})(windowdocument"Script""//cdnpetemetricscom/165j91bg09ddqorujs""$p");varliftConfig={config:{sdk:{multiFetch:truerequestFields:["title","url","rank","image","thumbnail","rankerId","description","rankerType","author","authorUrl","videoType","videoSourceId","votable","defaultTagName","nodeName","nodePrevRank","nodeCurrRank","nodeImgixUrl"]}, Activity: {ca nonicalUrlTransform: Function (URL) {if (url.IndexOf (/ http: /)! == - 1) { URL = URL.replace ("http:", "https:");} if (URLStr (0, 2) === "//") {url = "https:" + url;} back (RConstants.envMode === "dev"? url.replace ("Ranker-dev.com", "Ranker .com") 🙁 RConstants.envMode === "Stage"? url.replace (".ranker-stage.com ",". ranker.com "): url));}}, trackingTransURL: Function (URL) {if (url.indexOf (/ http: /)! == - 1) {url = url.replace (" http : "," https: ");} back (RConstants.envMode ===" dev "? url .replace (". ranker-dev.com ",". ranker.com ") 🙁 RConstants.envMode === "Stage"? Url.replace (".ranker-stage.com", ". Ranker.com"): url));}}}; $ p ("init", "165j91bg09ddqoru", liftConfig); $ p ("send", "pageview"); element = document.createElement ("script"); element.async = true; element.src = document.location.protocol + "// connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.7";document.body.appendChild(element);!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 (s) [0]; s.parentNode.insertBefore (t, s);} (window, document, "script", "// connect.facebook.net/en_US/fbevents.js"); fbq ("init", "1556168997936751"); fbq ("track", "pageview"); window.addEventListener ("jsLoadGlobal", function () {RUtils.trackFacebookPage ();}); if (typeof window.instgrm === "undefined") {element = document.createElement ("script"); element.async = true; element.src = "// platform.instagram.com/en_US/embeds.js";document.body.appendChild(Element);}if (type of window .twttr ===" undefined ") {element = document.createElement ("Script"); element.async = true; element.src = "// platform.twitter.com/widgets.js";document.body.appendChild (element);} window._qevents = window._qevents || []; element = document.createElement ("script"); element.async = true; element.src = (document.location.protocol === "https:"? "https: // secure": "http: // edge") + ".quantserve.com / quant.js"; document.body.appendChild (element); window._qevents.push ({qa cct: "p-NdC0qw1GM-4Em"}); window._comscore = window._comscore || []; window._comscore.push ({c1: "2", c2: "10600724", c3: "", c4: ""}); element = document.createElement ("script"); element.async = true; element.src = (document.location.protocol === "https:"? "https: // sb": "http: // b") + ".scorecardresearch.com / beacon.js"; document.body.appendChild (item);}; return (function () {if (window.addEventListener) {window.addEventListener ("load", _downloadJSAtOnload, false);} else {if (window.attachEvent) {window.attachEvent ("onload", _downloadJSAtOnload);} else { window.onload = _downloadJSAtOnload;}}) ();}) ();
Source link