B-Roll - TV Tropes

<!DOCTYPE html> <html> <head lang="en"> <link rel="alternate" type="application/rss+xml" href="https://tvtropes.org/pmwiki/rss-feed.php?filter=newest_pages" /> <link rel="alternate" type="application/rss+xml" href="https://tvtropes.org/pmwiki/rss-feed.php?filter=most_popular" /> <link rel="alternate" type="application/rss+xml" href="https://tvtropes.org/pmwiki/rss-feed.php?filter=updated_content" /> <link rel="preload" href="/images/loading-graphic.png" as="image">  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XPPLXMRF6Z"></script> <script> var pbjs = pbjs || {}; // Used for Video players on Tropes var tropes_videos_commands = tropes_videos_commands || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-XPPLXMRF6Z'); window.googletag = window.googletag || {cmd: []}; </script> <script> function object(objectId) { if (document.getElementById && document.getElementById(objectId)) { return document.getElementById(objectId); } else if (document.all && document.all(objectId)) { return document.all(objectId); } else if (document.layers && document.layers[objectId]) { return document.layers[objectId]; } else { return false; } } // JAVASCRIPT COOKIES CODE: for getting and setting user viewing preferences var cookies = { create: function (name, value, days2expire, path) { var date = new Date(); date.setTime(date.getTime() + (days2expire * 24 * 60 * 60 * 1000)); var expires = date.toUTCString(); document.cookie = name + '=' + value + ';' + 'expires=' + expires + ';domain=.tvtropes.org;' + 'path=' + path + ';'; }, createWithExpire: function(name, value, expires, path) { document.cookie = name + '=' + value + ';' + 'expires=' + expires + ';domain=.tvtropes.org;' + 'path=' + path + ';'; }, read: function (name) { var cookie_value = "", current_cookie = "", name_expr = name + "=", all_cookies = document.cookie.split(';'), n = all_cookies.length; for (var i = 0; i < n; i++) { current_cookie = all_cookies[i].trim(); if (current_cookie.indexOf(name_expr) === 0) { cookie_value = current_cookie.substring(name_expr.length, current_cookie.length); break; } } return cookie_value; }, update: function (name, val) { this.create(name, val, 300, "/"); }, remove: function (name) { //delete cookie with and without domain setting document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; domain=.tvtropes.org; path=/;"; document.cookie = name + "=; expires=Thu, 01 Jan 1970 00:00:00 GMT; path=/;"; } }; function updateUserPrefs() { //GENERAL: detect and set browser, if not cookied (will be treated like a user-preference and added to the #user-pref element) if( !cookies.read('user-browser') ){ var broswer = ''; if(navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ){ browser = 'iOS'; } else if (/Opera[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { browser = 'opera'; } else if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) { browser = 'MSIE'; } else if (/Navigator[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { browser = 'netscape'; } else if (/Chrome[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { browser = 'chrome'; } else if (/Safari[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { browser = 'safari'; /Version[\/\s](\d+\.\d+)/.test(navigator.userAgent); browserVersion = new Number(RegExp.$1); } else if (/Firefox[\/\s](\d+\.\d+)/.test(navigator.userAgent)) { browser = 'firefox'; } else { browser = 'internet_explorer'; } cookies.create('user-browser',browser,1,'/'); document.getElementById('user-prefs').classList.add('browser-' + browser); } else { document.getElementById('user-prefs').classList.add('browser-' + cookies.read('user-browser')); } //update user preference settings if (cookies.read('wide-load') !== '') document.getElementById('user-prefs').classList.add('wide-load'); if (cookies.read('mono-font') !== '') document.getElementById('user-prefs').classList.add('mono-font'); if (cookies.read('night-vision') !== '') document.getElementById('user-prefs').classList.add('night-vision'); if (cookies.read('sticky-header') !== '') document.getElementById('user-prefs').classList.add('sticky-header'); if (cookies.read('show-spoilers') !== '') document.getElementById('user-prefs').classList.add('show-spoilers'); if (cookies.read('tvtropes-editor-on') !== '') document.getElementById('user-prefs').classList.add('tvtropes-editor-on'); if (cookies.read('folders-open') !== '') document.getElementById('user-prefs').classList.add('folders-open'); if (cookies.read('lefthand-sidebar') !== '') document.getElementById('user-prefs').classList.add('lefthand-sidebar'); if (cookies.read('highlight-links') !== '') document.getElementById('user-prefs').classList.add('highlight-links'); if (cookies.read('forum-gingerbread') !== '') document.getElementById('user-prefs').classList.add('forum-gingerbread'); //if the user is logged in, update cookies based on their database settings //updates element if(cookies.read('shared-avatars') !== '') document.getElementById('user-prefs').classList.add('shared-avatars'); if(cookies.read('new-search') !== '') document.getElementById('user-prefs').classList.add('new-search'); if(cookies.read('stop-auto-play-video') !== '') document.getElementById('user-prefs').classList.add('stop-auto-play-video'); //desktop view on mobile if (cookies.read('desktop-on-mobile') !== ''){ document.getElementById('user-prefs').classList.add('desktop-on-mobile'); var viewport = document.querySelector("meta[name=viewport]"); viewport.setAttribute('content', 'width=1000'); } } function updateDesktopPrefs() { if (cookies.read('wide-load') !== '') document.getElementById('sidebar-toggle-wideload').classList.add('active'); if (cookies.read('night-vision') !== '') document.getElementById('sidebar-toggle-nightvision').classList.add('active'); if (cookies.read('sticky-header') !== '') document.getElementById('sidebar-toggle-stickyheader').classList.add('active'); if (cookies.read('show-spoilers') !== '') document.getElementById('sidebar-toggle-showspoilers').classList.add('active'); } function updateMobilePrefs() { if (cookies.read('show-spoilers') !== '') document.getElementById('mobile-toggle-showspoilers').classList.add('active'); if (cookies.read('night-vision') !== '') document.getElementById('mobile-toggle-nightvision').classList.add('active'); if (cookies.read('sticky-header') !== '') document.getElementById('mobile-toggle-stickyheader').classList.add('active'); if (cookies.read('highlight-links') !== '') document.getElementById('mobile-toggle-highlightlinks').classList.add('active'); } function is_mobile() { if(document.body.clientWidth && document.body.clientWidth<=768) return true; else return false; } </script> <script type="text/javascript"> var country_code_list = ['AT','BE','BG','CH','CY','CZ','DE','DK','EE','ES','FI','FR','GB','GF','GP','GR','HR','HU','IC','IE','IS','IT','LI','LT','LU','LV','MF','MQ','MT','NL','NO','PL','PT','RE','RO','SE','SI','SK','SX','YT']; var site_htl_settings = { "adx" : "yes", // yes/no if we should include adx on page "groupname" : "Main", // track groupname in htl/gam "has_folders" : "yes", // track folder pages in htl/gam "user_type" : "guest", // track member/guest in htl/gam "is_testing" : "no", // yes/no if in testing mode "split_testing" : "1", // 0/1, 0=control, 1=test, for a/b testing "send_reports" : "1", // true/false if reports should be sent for logging in DataBricks "report_url" : "https://analytics.tvtropes.org/analytics-data/tvtropes/", // Endpoint for logging (data stream) "logging_turned_on": "1", // true/false if console logging should be turned on "site_name" : "tvtropes", // Site name for display in logging "sticky_slot_names": ["tvtropes_dt_sticky", "tvtropes_m_sticky"], // Possible slot names for the sticky slot } </script> <script> // Create the ad project var ads_project = (function(sent_in_settings){ //default settings var setting_defaults = { "adx" : "yes", "groupname" : "", "has_folders" : "unknown", "user_type" : "guest", "is_testing" : "no", "split_testing" : "0", "send_reports" : "0", "logging_turned_on": "false", "site_name" : "site_name", "report_url" : "", "page_template" : "", "sticky_slot_names": [] } // Combine defaults with sent in parameters var project_settings = {...setting_defaults, ...sent_in_settings}; /*************************************** --------------- AD CODE --------------- ***************************************/ window.BCLighthouseTag = window.BCLighthouseTag || {}; window.BCLighthouseTag.cmd = window.BCLighthouseTag.cmd || []; BCLighthouseTag.cmd.push(function() { // Only set these if given in settings if(project_settings.groupname != "") BCLighthouseTag.setTargeting("groupname", project_settings.groupname); if(project_settings.page_template != "") BCLighthouseTag.setTargeting("page_template", project_settings.page_template); BCLighthouseTag.setTargeting("adx", project_settings.adx); BCLighthouseTag.setTargeting('website', project_settings.site_name); BCLighthouseTag.setTargeting('user_type', project_settings.user_type); BCLighthouseTag.setTargeting('has_folders', project_settings.has_folders); }); // Logging function output_logging(content){ if(project_settings.logging_turned_on){ if(typeof content == "string") console.log(project_settings.site_name + " Ads: " + content); else console.log(content); } } })(site_htl_settings); </script> <script type="text/javascript"> var tvtropes_config = { asteri_stream_enabled : "1", is_logged_in : "", live_server : "1", bigcrunch_live : "1", handle : "", email_popup : "0", troper_email : "", get_asteri_stream : "", revnum : "a1fdc3097a55e179219cd1bf535ab41b48dc60da", img_domain : "https://static.tvtropes.org", adblock : "1", adblock_url : "propermessage.io", universal_page_type : "Article", pause_editing : "0", pause_editing_msg : "", pause_site_changes : "0", assets_domain : "https://assets.tvtropes.org" }; // This will track the total number of ads inserted over time var globalAdInsertionCount = 0; // Check to see if this page is isolated, if so, run BCLighthouseTag.disableGoogleAdManager(); if(window.site_htl_settings.adx == "no"){ console.log("disabling google"); BCLighthouseTag.cmd.push(() => { BCLighthouseTag.disableGoogleAdManager(); }); } </script> <script> // Add second script to the head var htl_script = document.createElement('script'); htl_script.async = "async"; // Add the fundingchoices script to the head var script = document.createElement('script'); script.src = "https://fundingchoicesmessages.google.com/i/pub-6608306193529351?ers=1"; script.async = true; script.nonce = "rczD8qB5ececf2fL1Vj9XQ"; // Add second script to the head var script2 = document.createElement('script'); script2.nonce = "rczD8qB5ececf2fL1Vj9XQ"; script2.innerHTML = "(function() {function signalGooglefcPresent() {if (!window.frames['googlefcPresent']) {if (document.body) {const iframe = document.createElement('iframe'); iframe.style = 'width: 0; height: 0; border: none; z-index: -1000; left: -1000px; top: -1000px;'; iframe.style.display = 'none'; iframe.name = 'googlefcPresent'; document.body.appendChild(iframe);} else {setTimeout(signalGooglefcPresent, 0);}}}signalGooglefcPresent();})();"; // Add both scripts to head document.head.appendChild(script); document.head.appendChild(script2); var bigcrunch_url = window.tvtropes_config.bigcrunch_live == 1 ? "https://lh.bigcrunch.com/main.js" : "https://dev-lh.bigcrunch.com/main.js"; htl_script.src = bigcrunch_url; htl_script.id = "bigcrunchtag"; htl_script.setAttribute('data-property-id', '34a5ddec-697b-424e-81d2-e6bb46a1b83e'); // Add both scripts to head document.head.appendChild(htl_script); </script> <script> // Add HTL script to head document.head.appendChild(htl_script); </script> <script>(function(){/* Copyright The Closure Library Authors. SPDX-License-Identifier: Apache-2.0 */ 'use strict';var aa=function(a){var b=0;return function(){return b<a.length?{done:!1,value:a[b++]}:{done:!0}}},ba="function"==typeof Object.create?Object.create:function(a){var b=function(){};b.prototype=a;return new b},k;if("function"==typeof Object.setPrototypeOf)k=Object.setPrototypeOf;else{var m;a:{var ca={a:!0},n={};try{n.__proto__=ca;m=n.a;break a}catch(a){}m=!1}k=m?function(a,b){a.__proto__=b;if(a.__proto__!==b)throw new TypeError(a+" is not extensible");return a}:null} var p=k,q=function(a,b){a.prototype=ba(b.prototype);a.prototype.constructor=a;if(p)p(a,b);else for(var c in b)if("prototype"!=c)if(Object.defineProperties){var d=Object.getOwnPropertyDescriptor(b,c);d&&Object.defineProperty(a,c,d)}else a[c]=b[c];a.v=b.prototype},r=this||self,da=function(){},t=function(a){return a};var u;var w=function(a,b){this.g=b===v?a:""};w.prototype.toString=function(){return this.g+""};var v={},x=function(a){if(void 0===u){var b=null;var c=r.trustedTypes;if(c&&c.createPolicy){try{b=c.createPolicy("goog#html",{createHTML:t,createScript:t,createScriptURL:t})}catch(d){r.console&&r.console.error(d.message)}u=b}else u=b}a=(b=u)?b.createScriptURL(a):a;return new w(a,v)};var A=function(){return Math.floor(2147483648*Math.random()).toString(36)+Math.abs(Math.floor(2147483648*Math.random())^Date.now()).toString(36)};var B={},C=null;var D="function"===typeof Uint8Array;function E(a,b,c){return"object"===typeof a?D&&!Array.isArray(a)&&a instanceof Uint8Array?c(a):F(a,b,c):b(a)}function F(a,b,c){if(Array.isArray(a)){for(var d=Array(a.length),e=0;e<a.length;e++){var f=a[e];null!=f&&(d[e]=E(f,b,c))}Array.isArray(a)&&a.s&&G(d);return d}d={};for(e in a)Object.prototype.hasOwnProperty.call(a,e)&&(f=a[e],null!=f&&(d[e]=E(f,b,c)));return d} function ea(a){return F(a,function(b){return"number"===typeof b?isFinite(b)?b:String(b):b},function(b){var c;void 0===c&&(c=0);if(!C){C={};for(var d="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789".split(""),e=["+/=","+/","-_=","-_.","-_"],f=0;5>f;f++){var h=d.concat(e[f].split(""));B[f]=h;for(var g=0;g<h.length;g++){var l=h[g];void 0===C[l]&&(C[l]=g)}}}c=B[c];d=Array(Math.floor(b.length/3));e=c[64]||"";for(f=h=0;h<b.length-2;h+=3){var y=b[h],z=b[h+1];l=b[h+2];g=c[y>>2];y=c[(y&3)<< 4|z>>4];z=c[(z&15)<<2|l>>6];l=c[l&63];d[f++]=""+g+y+z+l}g=0;l=e;switch(b.length-h){case 2:g=b[h+1],l=c[(g&15)<<2]||e;case 1:b=b[h],d[f]=""+c[b>>2]+c[(b&3)<<4|g>>4]+l+e}return d.join("")})}var fa={s:{value:!0,configurable:!0}},G=function(a){Array.isArray(a)&&!Object.isFrozen(a)&&Object.defineProperties(a,fa);return a};var H;var J=function(a,b,c){var d=H;H=null;a||(a=d);d=this.constructor.u;a||(a=d?[d]:[]);this.j=d?0:-1;this.h=null;this.g=a;a:{d=this.g.length;a=d-1;if(d&&(d=this.g[a],!(null===d||"object"!=typeof d||Array.isArray(d)||D&&d instanceof Uint8Array))){this.l=a-this.j;this.i=d;break a}void 0!==b&&-1<b?(this.l=Math.max(b,a+1-this.j),this.i=null):this.l=Number.MAX_VALUE}if(c)for(b=0;b<c.length;b++)a=c[b],a<this.l?(a+=this.j,(d=this.g[a])?G(d):this.g[a]=I):(d=this.l+this.j,this.g[d]||(this.i=this.g[d]={}),(d=this.i[a])? G(d):this.i[a]=I)},I=Object.freeze(G([])),K=function(a,b){if(-1===b)return null;if(b<a.l){b+=a.j;var c=a.g[b];return c!==I?c:a.g[b]=G([])}if(a.i)return c=a.i[b],c!==I?c:a.i[b]=G([])},M=function(a,b){var c=L;if(-1===b)return null;a.h||(a.h={});if(!a.h[b]){var d=K(a,b);d&&(a.h[b]=new c(d))}return a.h[b]};J.prototype.toJSON=function(){var a=N(this,!1);return ea(a)}; var N=function(a,b){if(a.h)for(var c in a.h)if(Object.prototype.hasOwnProperty.call(a.h,c)){var d=a.h[c];if(Array.isArray(d))for(var e=0;e<d.length;e++)d[e]&&N(d[e],b);else d&&N(d,b)}return a.g},O=function(a,b){H=b=b?JSON.parse(b):null;a=new a(b);H=null;return a};J.prototype.toString=function(){return N(this,!1).toString()};var P=function(a){J.call(this,a)};q(P,J);function ha(a){var b,c=(a.ownerDocument&&a.ownerDocument.defaultView||window).document,d=null===(b=c.querySelector)||void 0===b?void 0:b.call(c,"script[nonce]");(b=d?d.nonce||d.getAttribute("nonce")||"":"")&&a.setAttribute("nonce",b)};var Q=function(a,b){b=String(b);"application/xhtml+xml"===a.contentType&&(b=b.toLowerCase());return a.createElement(b)},R=function(a){this.g=a||r.document||document};R.prototype.appendChild=function(a,b){a.appendChild(b)};var S=function(a,b,c,d,e,f){try{var h=a.g,g=Q(a.g,"SCRIPT");g.async=!0;g.src=b instanceof w&&b.constructor===w?b.g:"type_error:TrustedResourceUrl";ha(g);h.head.appendChild(g);g.addEventListener("load",function(){e();d&&h.head.removeChild(g)});g.addEventListener("error",function(){0<c?S(a,b,c-1,d,e,f):(d&&h.head.removeChild(g),f())})}catch(l){f()}};var ia=r.atob("aHR0cHM6Ly93d3cuZ3N0YXRpYy5jb20vaW1hZ2VzL2ljb25zL21hdGVyaWFsL3N5c3RlbS8xeC93YXJuaW5nX2FtYmVyXzI0ZHAucG5n"),ja=r.atob("WW91IGFyZSBzZWVpbmcgdGhpcyBtZXNzYWdlIGJlY2F1c2UgYWQgb3Igc2NyaXB0IGJsb2NraW5nIHNvZnR3YXJlIGlzIGludGVyZmVyaW5nIHdpdGggdGhpcyBwYWdlLg=="),ka=r.atob("RGlzYWJsZSBhbnkgYWQgb3Igc2NyaXB0IGJsb2NraW5nIHNvZnR3YXJlLCB0aGVuIHJlbG9hZCB0aGlzIHBhZ2Uu"),la=function(a,b,c){this.h=a;this.j=new R(this.h);this.g=null;this.i=[];this.l=!1;this.o=b;this.m=c},V=function(a){if(a.h.body&&!a.l){var b= function(){T(a);r.setTimeout(function(){return U(a,3)},50)};S(a.j,a.o,2,!0,function(){r[a.m]||b()},b);a.l=!0}},T=function(a){for(var b=W(1,5),c=0;c<b;c++){var d=X(a);a.h.body.appendChild(d);a.i.push(d)}b=X(a);b.style.bottom="0";b.style.left="0";b.style.position="fixed";b.style.width=W(100,110).toString()+"%";b.style.zIndex=W(2147483544,2147483644).toString();b.style["background-color"]=ma(249,259,242,252,219,229);b.style["box-shadow"]="0 0 12px #888";b.style.color=ma(0,10,0,10,0,10);b.style.display= "flex";b.style["justify-content"]="center";b.style["font-family"]="Roboto, Arial";c=X(a);c.style.width=W(80,85).toString()+"%";c.style.maxWidth=W(750,775).toString()+"px";c.style.margin="24px";c.style.display="flex";c.style["align-items"]="flex-start";c.style["justify-content"]="center";d=Q(a.j.g,"IMG");d.className=A();d.src=ia;d.style.height="24px";d.style.width="24px";d.style["padding-right"]="16px";var e=X(a),f=X(a);f.style["font-weight"]="bold";f.textContent=ja;var h=X(a);h.textContent=ka;Y(a, e,f);Y(a,e,h);Y(a,c,d);Y(a,c,e);Y(a,b,c);a.g=b;a.h.body.appendChild(a.g);b=W(1,5);for(c=0;c<b;c++)d=X(a),a.h.body.appendChild(d),a.i.push(d)},Y=function(a,b,c){for(var d=W(1,5),e=0;e<d;e++){var f=X(a);b.appendChild(f)}b.appendChild(c);c=W(1,5);for(d=0;d<c;d++)e=X(a),b.appendChild(e)},W=function(a,b){return Math.floor(a+Math.random()*(b-a))},ma=function(a,b,c,d,e,f){return"rgb("+W(Math.max(a,0),Math.min(b,255)).toString()+","+W(Math.max(c,0),Math.min(d,255)).toString()+","+W(Math.max(e,0),Math.min(f, 255)).toString()+")"},X=function(a){a=Q(a.j.g,"DIV");a.className=A();return a},U=function(a,b){0>=b||null!=a.g&&0!=a.g.offsetHeight&&0!=a.g.offsetWidth||(na(a),T(a),r.setTimeout(function(){return U(a,b-1)},50))},na=function(a){var b=a.i;var c="undefined"!=typeof Symbol&&Symbol.iterator&&b[Symbol.iterator];b=c?c.call(b):{next:aa(b)};for(c=b.next();!c.done;c=b.next())(c=c.value)&&c.parentNode&&c.parentNode.removeChild(c);a.i=[];(b=a.g)&&b.parentNode&&b.parentNode.removeChild(b);a.g=null};var pa=function(a,b,c,d,e){var f=oa(c),h=function(l){l.appendChild(f);r.setTimeout(function(){f?(0!==f.offsetHeight&&0!==f.offsetWidth?b():a(),f.parentNode&&f.parentNode.removeChild(f)):a()},d)},g=function(l){document.body?h(document.body):0<l?r.setTimeout(function(){g(l-1)},e):b()};g(3)},oa=function(a){var b=document.createElement("div");b.className=a;b.style.width="1px";b.style.height="1px";b.style.position="absolute";b.style.left="-10000px";b.style.top="-10000px";b.style.zIndex="-10000";return b};var L=function(a){J.call(this,a)};q(L,J);var qa=function(a){J.call(this,a)};q(qa,J);var ra=function(a,b){this.l=a;this.m=new R(a.document);this.g=b;this.i=K(this.g,1);b=M(this.g,2);this.o=x(K(b,4)||"");this.h=!1;b=M(this.g,13);b=x(K(b,4)||"");this.j=new la(a.document,b,K(this.g,12))};ra.prototype.start=function(){sa(this)}; var sa=function(a){ta(a);S(a.m,a.o,3,!1,function(){a:{var b=a.i;var c=r.btoa(b);if(c=r[c]){try{var d=O(P,r.atob(c))}catch(e){b=!1;break a}b=b===K(d,1)}else b=!1}b?Z(a,K(a.g,14)):(Z(a,K(a.g,8)),V(a.j))},function(){pa(function(){Z(a,K(a.g,7));V(a.j)},function(){return Z(a,K(a.g,6))},K(a.g,9),K(a.g,10),K(a.g,11))})},Z=function(a,b){a.h||(a.h=!0,a=new a.l.XMLHttpRequest,a.open("GET",b,!0),a.send())},ta=function(a){var b=r.btoa(a.i);a.l[b]&&Z(a,K(a.g,5))};(function(a,b){r[a]=function(c){for(var d=[],e=0;e<arguments.length;++e)d[e-0]=arguments[e];r[a]=da;b.apply(null,d)}})("__h82AlnkH6D91__",function(a){"function"===typeof window.atob&&(new ra(window,O(qa,window.atob(a)))).start()});}).call(this); window.__h82AlnkH6D91__("WyJwdWItMjU3NTc4ODY5MDc5ODI4MiIsW251bGwsbnVsbCxudWxsLCJodHRwczovL2Z1bmRpbmdjaG9pY2VzbWVzc2FnZXMuZ29vZ2xlLmNvbS9iL3B1Yi0yNTc1Nzg4NjkwNzk4MjgyIl0sbnVsbCxudWxsLCJodHRwczovL2Z1bmRpbmdjaG9pY2VzbWVzc2FnZXMuZ29vZ2xlLmNvbS9lbC9BR1NLV3hWV0tMOXhFeS1ZVk1sOTdzcC10MW5mbkxvWmZweWVjaGRJdUxJU244LXpjbUwxM1R5Mlhhb2RoQTJFU3VNS3ljQm1kVHgxSUNlMVBrX2hIeUxHa1ZZNHJ3XHUwMDNkXHUwMDNkP3RlXHUwMDNkVE9LRU5fRVhQT1NFRCIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFZCeVhDdDlWajY1eXNrMWFHVW9LUUpLdktrTlh4WVdlRDBhYnhmS3RVUi00eDZfRTNWOXpqSm5vYkFfVzIxeGNDb3F3M1RmN1dYRmxXZFZaazVMMFlQQ2dcdTAwM2RcdTAwM2Q/YWJcdTAwM2QxXHUwMDI2c2JmXHUwMDNkMSIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFV4bEsxQ0dxcEpGY3lvcXZXZ0ZnWWRBRjhMMzBOU0Y1ci1paGZSd1VRNzV4YmF6NGxydWVfRUhoWmU1ai00UUhRYXc4MUVZREFkQ2pBN21Tb1BxUUsxaFFcdTAwM2RcdTAwM2Q/YWJcdTAwM2QyXHUwMDI2c2JmXHUwMDNkMSIsImh0dHBzOi8vZnVuZGluZ2Nob2ljZXNtZXNzYWdlcy5nb29nbGUuY29tL2VsL0FHU0tXeFZJUWxpOV9jN0NuWWlHWkU3S2xIV2JWVi10NlpYQ2hQTnlHVTRobGhmSjdLQnJnNjllSFhHYm9aSXRqRm42MDViNWpuaG5KYkxCcU1ySURyY2lLVEk0VmdcdTAwM2RcdTAwM2Q/c2JmXHUwMDNkMiIsImRpdi1ncHQtYWQiLDIwLDEwMCwiY0hWaUxUSTFOelUzT0RnMk9UQTNPVGd5T0RJXHUwMDNkIixbbnVsbCxudWxsLG51bGwsImh0dHBzOi8vd3d3LmdzdGF0aWMuY29tLzBlbW4vZi9wL3B1Yi0yNTc1Nzg4NjkwNzk4MjgyLmpzP3VzcXBcdTAwM2RDQkEiXSwiaHR0cHM6Ly9mdW5kaW5nY2hvaWNlc21lc3NhZ2VzLmdvb2dsZS5jb20vZWwvQUdTS1d4V1hNUEJXZjVaNURyT1VGdDZwVVR5eGh1YzBFNlVGQnJJZUhuUUNCMVlUOWVtYlJTbGxYQ3F6NDV5ODdqT3RVWC1SX3JkcmdudFdjejdtazA2WkZYWDQyd1x1MDAzZFx1MDAzZCJd"); </script> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>B-Roll - TV Tropes</title> <meta name="description" content="The B-Roll trope as used in popular culture. Illustrative footage inserted into a broadcast news piece, interview, or Web Video. It is chosen to illustrate …" /> <link rel="canonical" href="https://tvtropes.org/pmwiki/pmwiki.php/Main/BRoll" /> <link rel="shortcut icon" href="https://assets.tvtropes.org/img/icons/favicon.ico" type="image/x-icon" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@tvtropes" /> <meta name="twitter:owner" content="@tvtropes" /> <meta name="twitter:title" content="B-Roll - TV Tropes" /> <meta name="twitter:description" content="The B-Roll trope as used in popular culture. Illustrative footage inserted into a broadcast news piece, interview, or Web Video. It is chosen to illustrate …" /> <meta name="twitter:image:src" content="https://static.tvtropes.org/pmwiki/pub/images/2016_08_19_14_11_22.png" /> <meta property="og:site_name" content="TV Tropes" /> <meta property="og:locale" content="en_US" /> <meta property="article:publisher" content="https://www.facebook.com/tvtropes" /> <meta property="og:title" content="B-Roll - TV Tropes" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://tvtropes.org/pmwiki/pmwiki.php/Main/BRoll" /> <meta property="og:image" content="https://static.tvtropes.org/pmwiki/pub/images/2016_08_19_14_11_22.png" /> <meta property="og:description" content="Illustrative footage inserted into a broadcast news piece, interview, or Web Video. It is chosen to illustrate what is being said, and as a way to cover editing and continuity errors in production. The trope's name is the term used by news people …" /> <meta name="robots" content="max-image-preview:large"> <link rel="apple-touch-icon" sizes="57x57" href="https://assets.tvtropes.org/img/icons/apple-icon-57x57.png" type="image/png"> <link rel="apple-touch-icon" sizes="60x60" href="https://assets.tvtropes.org/img/icons/apple-icon-60x60.png" type="image/png"> <link rel="apple-touch-icon" sizes="72x72" href="https://assets.tvtropes.org/img/icons/apple-icon-72x72.png" type="image/png"> <link rel="apple-touch-icon" sizes="76x76" href="https://assets.tvtropes.org/img/icons/apple-icon-76x76.png" type="image/png"> <link rel="apple-touch-icon" sizes="114x114" href="https://assets.tvtropes.org/img/icons/apple-icon-114x114.png" type="image/png"> <link rel="apple-touch-icon" sizes="120x120" href="https://assets.tvtropes.org/img/icons/apple-icon-120x120.png" type="image/png"> <link rel="apple-touch-icon" sizes="144x144" href="https://assets.tvtropes.org/img/icons/apple-icon-144x144.png" type="image/png"> <link rel="apple-touch-icon" sizes="152x152" href="https://assets.tvtropes.org/img/icons/apple-icon-152x152.png" type="image/png"> <link rel="apple-touch-icon" sizes="180x180" href="https://assets.tvtropes.org/img/icons/apple-icon-180x180.png" type="image/png"> <link rel="icon" sizes="16x16" href="https://assets.tvtropes.org/img/icons/favicon-16x16.png" type="image/png"> <link rel="icon" sizes="32x32" href="https://assets.tvtropes.org/img/icons/favicon-32x32.png" type="image/png"> <link rel="icon" sizes="96x96" href="https://assets.tvtropes.org/img/icons/favicon-96x96.png" type="image/png"> <link rel="icon" sizes="192x192" href="https://assets.tvtropes.org/img/icons/favicon-192x192.png" type="image/png"> <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"> <link rel="stylesheet" href="https://assets.tvtropes.org/design/assets/bundle.css?rev=a1fdc3097a55e179219cd1bf535ab41b48dc60da" /> <script type="text/javascript"> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-3821842-1', 'auto'); ga('send', 'pageview'); </script> <script> !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', '850567933835915'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=850567933835915&ev=PageView&noscript=1" /></noscript> <script> !function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document); rdt('init','a2_fksv8rryv493'); rdt('track', 'PageVisit'); </script> </head> <body class=""> <i id="user-prefs"></i> <script>updateUserPrefs();</script> <div id="fb-root"></div> <div id="modal-box"> <div class="modal-loading-graphic"></div> </div> <style> @keyframes rotate-forever { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #modal-box > .modal-loading-graphic { display: none; /* Hidden by default */ background: no-repeat center url('/images/loading-graphic.png'); background-size: 80px 80px; width: 80px; height: 80px; border-radius: 50%; position: absolute; top: calc(30% - 40px); left: calc(50% - 40px); z-index: 2; animation: rotate-forever 0.34s linear infinite; } #modal-box.active > .modal-loading-graphic { display: block; /* Show only when modal is active */ } </style> <header id="main-header-bar" class="headroom-element "> <div id="main-header-bar-inner"> <span id="header-spacer-left" class="header-spacer"></span> <a href="#mobile-menu" id="main-mobile-toggle" class="mobile-menu-toggle-button tablet-on"><span></span><span></span><span></span></a> <a href="/" id="main-header-logoButton" class="no-dev"></a> <span id="header-spacer-right" class="header-spacer"></span> <nav id="main-header-nav" class="tablet-off"> <a href="/pmwiki/pmwiki.php/Main/Tropes">Tropes</a> <a href="/pmwiki/pmwiki.php/Main/Media">Media</a> <a href="/pmwiki/browse.php" class="nav-browse">Browse</a> <a href="/pmwiki/popular-pages.php">Popular</a> <a href="/pmwiki/topics.php">Forums</a> <a href="/pmwiki/recent_videos.php" class="nav-browse">Videos</a> </nav> <div id="main-header-bar-right"> <div id="signup-login-box" class="font-xs mobile-off"> <a href="#" class="hover-underline bold" data-modal-target="signup">Join</a> <a href="#" class="hover-underline bold" data-modal-target="login">Login</a> </div> <div id="signup-login-mobileToggle" class="mobile-on inline"> <a href="#" data-modal-target="login"><i class="fa fa-user"></i></a> </div> <div id="search-box"> <form class="search" action="/pmwiki/search_result.php"> <input type="text" name="q" class="search-box" placeholder="Search" value="" required> <input type="submit" class="submit-button" value="" /> <input type="hidden" name="search_type" value="article"> <input type="hidden" name="page_type" value="all"> <input type="hidden" name="cx" value="partner-pub-6610802604051523:amzitfn8e7v"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input name="siteurl" type="hidden" value=""> <input name="ref" type="hidden" value=""> <input name="ss" type="hidden" value=""> </form> <a href="#close-search" class="mobile-on mobile-search-toggle close-x"><i class="fa fa-close"></i></a> </div> <div id="random-box"> <a href="/pmwiki/pmwiki.php/Main/FalseInnocenceTrick" class="button-random-trope" rel="nofollow" onclick="gtag('event', 'trope_random_button_click', {'is_user': 0});"></a> <a href="/pmwiki/pmwiki.php/Advertising/PeperamiAnimal" class="button-random-media" rel="nofollow" onclick="gtag('event', 'media_random_button_click', {'is_user': 0});"></a> </div> </div> </div> <div id="mobile-menu" class="tablet-on"><div class="mobile-menu-options"> <div class="nav-wrapper"> <a href="/pmwiki/pmwiki.php/Main/Tropes" class="xl">Tropes</a> <a href="/pmwiki/pmwiki.php/Main/Media" class="xl">Media</a> <a href="/pmwiki/browse.php" class="xl">Browse</a> <a href="/pmwiki/popular-pages.php" class="xl">Popular</a> <a href="/pmwiki/index_report.php" class="xl">Indexes</a> <a href="/pmwiki/topics.php" class="xl">Forums</a> <a href="/pmwiki/recent_videos.php" class="xl">Videos</a> <a href="/pmwiki/query.php?type=att">Ask The Tropers</a> <a href="/pmwiki/query.php?type=tf">Trope Finder</a> <a href="/pmwiki/query.php?type=ykts">Media Finder</a> <a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a> <a href="/pmwiki/query.php?type=wl">Tech Wishlist</a> <a href="/pmwiki/review_activity.php">Reviews</a> <a href="#tools" data-click-toggle="active">Tools <i class="fa fa-chevron-down"></i></a> <div class="tools-dropdown mobile-dropdown-linkList"> <a href="/pmwiki/cutlist.php" data-modal-target="login" rel="nofollow">Cut List</a> <a href="/pmwiki/image-fixer.php" data-modal-target="login" rel="nofollow">Image Fixer</a> <a href="/pmwiki/changes.php">New Edits</a> <a href="/pmwiki/articles_new.php">New Articles</a> <a href="/pmwiki/recent_edit_reasons.php">Edit Reasons</a> <a href="/pmwiki/launches.php" data-modal-target="login" rel="nofollow">Launches</a> <a href="/pmwiki/img_list.php" data-modal-target="login" rel="nofollow">Images List</a> <a href="/pmwiki/crown_activity.php">Crowner Activity</a> <a href="/pmwiki/no_types.php">Un-typed Pages</a> <a href="/pmwiki/page_type_audit.php">Recent Page Type Changes</a> <a href="/pmwiki/changelog.php">Changelog</a> </div> <a href="#tips" data-click-toggle="active">Tips <i class="fa fa-chevron-down"></i></a> <div class="tips-dropdown mobile-dropdown-linkList"> <a href="/pmwiki/pmwiki.php/Administrivia/CreatingNewRedirects">Creating New Redirects</a> <a href="/pmwiki/pmwiki.php/Administrivia/Crosswicking">Cross Wicking</a> <a href="/pmwiki/pmwiki.php/Administrivia/TipsForEditing">Tips for Editing</a> <a href="/pmwiki/pmwiki.php/Administrivia/TextFormattingRules">Text Formatting Rules</a> <a href="/pmwiki/pmwiki.php/Administrivia/TVTropesGlossary?from=Main.TVTropesGlossary">Glossary</a> <a href="/pmwiki/pmwiki.php/Administrivia/EditReasonsAndWhyYouShouldUseThem">Edit Reasons</a> <a href="/pmwiki/pmwiki.php/Administrivia/HandlingSpoilers">Handling Spoilers</a> <a href="/pmwiki/pmwiki.php/Administrivia/WordCruft">Word Cruft</a> <a href="/pmwiki/pmwiki.php/Main/Administrivia">Administrivia</a> <a href="/pmwiki/pmwiki.php/Main/FAQ">FAQ</a> </div> <a href="#hq" data-click-toggle="active">Tropes HQ <i class="fa fa-chevron-down"></i></a> <div class="tools-dropdown mobile-dropdown-linkList"> <a href="/pmwiki/about.php">About Us</a> <a href="/pmwiki/contact.php">Contact Us</a> <a href="/pmwiki/dmca.php">DMCA Notice</a> <a href="/pmwiki/privacypolicy.php">Privacy Policy</a> <a href="/pmwiki/query.php?type=bug">Report Bug</a> </div> <a href="/pmwiki/ad-free-subscribe.php">Go Ad-Free</a> <a href="/pmwiki/changelog.php">Changelog</a></li> <div class="toggle-switches"> <ul class="mobile-menu display-toggles"> <li>Show Spoilers <div id="mobile-toggle-showspoilers" class="display-toggle show-spoilers"></div></li> <li>Night Vision <div id="mobile-toggle-nightvision" class="display-toggle night-vision"></div></li> <li>Sticky Header <div id="mobile-toggle-stickyheader" class="display-toggle sticky-header"></div></li> <li>Highlight Links <div id="mobile-toggle-highlightlinks" class="display-toggle highlight-links"></div></li> </ul> <script>updateMobilePrefs();</script> </div> </div> </div> </div> </header> <div id="homepage-introBox-mobile" class="mobile-on"> <a href="/"><img src="/images/logo-white-big.png" class="logo-small" /></a> <form class="search" action="/pmwiki/search_result.php" style="margin:10px -5px -6px -5px;"> <input type="text" name="q" class="search-box" placeholder="Search" value="" required> <input type="submit" class="submit-button" value="" /> <input type="hidden" name="search_type" value="article"> <input type="hidden" name="page_type" value="all"> <input type="hidden" name="cx" value="partner-pub-6610802604051523:amzitfn8e7v"> <input type="hidden" name="cof" value="FORID:10"> <input type="hidden" name="ie" value="ISO-8859-1"> <input name="siteurl" type="hidden" value=""> <input name="ref" type="hidden" value=""> <input name="ss" type="hidden" value=""> </form> </div> <script> // Get device type function get_device_type(){ var ua = navigator.userAgent.toLowerCase(); var device_type = ""; // This is usually "tablet", but for this case we are going to call it mobile if(/(ipad|tablet|(android(?!.*mobile))|(windows(?!.*phone)(.*touch))|kindle|playbook|silk|(puffin(?!.*(IP|AP|WP))))/.test(ua)) device_type = "mobile"; // This is mobile else if(/(mobi|ipod|phone|blackberry|opera mini|fennec|minimo|symbian|psp|nintendo ds|archos|skyfire|puffin|blazer|bolt|gobrowser|iris|maemo|semc|teashark|uzard)/.test(ua)) device_type = "mobile"; // Otherwise desktop else device_type = "desktop"; return device_type; } var show_modal_loaded = false; //// MOBILE MENU TOGGLE FUNCTIONS //// function show_modal(type, message, confirmation_url, call_back, oauth_finalize, groupname, title, video_id) { console.log("showing modal " + type); const modalBox = document.getElementById('modal-box'); const childDivs = modalBox.querySelectorAll(':scope > div'); // Check if there are more than one child divs in the modal box, indicating a modal is already there if (childDivs.length > 1) { kill_modal(); } // Show the modal and the loading graphic modalBox.classList.add('active'); let alert = ''; if (typeof message === 'object' && message !== null) { Object.keys(message).forEach(function(key) { alert += '&' + key + '=' + encodeURIComponent(message[key]); }); } else { alert = '&message=' + encodeURIComponent(message); } // Construct the URL with parameters const url = '/design/parts/component-modalBox.php?window=' + type + alert + (confirmation_url ? '&curl=' + encodeURIComponent(confirmation_url) : "") + (oauth_finalize ? '&oauth_finalize=' + encodeURIComponent(oauth_finalize) : "") + (groupname ? '&groupname=' + groupname : "") + (video_id ? '&video_id=' + encodeURIComponent(video_id) : ""); fetch(url) .then(response => response.text()) .then(html => { modalBox.innerHTML = html; // Find and execute scripts const scripts = modalBox.querySelectorAll('script'); scripts.forEach(script => { const newScript = document.createElement('script'); newScript.type = 'text/javascript'; if (script.src) { newScript.src = script.src; // Wait for Dropzone.js to load before adding the imguploader.js if(newScript.src.includes('/design/js/dropzone.js')) { newScript.onload = function() { // Now load the imguploader.js script const img_uploader_script = document.createElement('script'); img_uploader_script.type = 'text/javascript'; img_uploader_script.src = "/design/js/imguploader.js"; img_uploader_script.onload = function (){ myAwesomeDropzone = new Dropzone("#myAwesomeDropzone", { url: "/ajax/uploadImg.php" }); } document.body.appendChild(img_uploader_script); } } } else { newScript.textContent = script.textContent; } // Remove the old script and add the new one script.parentNode.removeChild(script); modalBox.appendChild(newScript); }); if(call_back) { call_back(); } }); if(show_modal_loaded == false){ // Kill modal if blackout is clicked modalBox.addEventListener('click', function(e) { if (e.target === e.currentTarget) { kill_modal(); } }); } show_modal_loaded = true; } // Modal kill function function kill_modal() { console.log("killing modal"); const modalBox = document.getElementById('modal-box'); modalBox.classList.remove('active'); // Replace the content directly with the new loading graphic modalBox.innerHTML = '<div class="modal-loading-graphic"></div>'; } // Modal "loading" mode, without killing function pause_modal() { var modal = document.querySelector('#modal-box > div.modal'); if(!modal) modal = document.querySelector('#modal-box'); modal.classList.add('hidden'); const modalBox = document.getElementById('modal-box'); modalBox.classList.add('paused'); const loadingGraphic = document.createElement('div'); loadingGraphic.className = 'modal-loading-graphic'; modalBox.appendChild(loadingGraphic); } function unpause_modal() { const modalBox = document.getElementById('modal-box'); modalBox.classList.remove('paused'); var modal = document.querySelector('#modal-box > div.modal'); if(!modal) modal = document.querySelector('#modal-box'); modal.classList.remove('hidden'); const loadingGraphic = document.querySelector('#modal-box > div.modal-loading-graphic'); if (loadingGraphic) { modalBox.removeChild(loadingGraphic); } } // COMPONENT: LOAD GRAPHIC function show_loader() { console.log("Displaying loading graphic"); kill_modal(); const modalBox = document.getElementById('modal-box'); modalBox.classList.add('active'); const loadingGraphic = document.createElement('div'); loadingGraphic.className = 'modal-loading-graphic'; modalBox.appendChild(loadingGraphic); } // TOGGLE NOTES function togglenote(id){ var ele=object(id); var state = ele.style.display; if(state=='none') ele.style.display='inline'; if(state=='inline')ele.style.display='none'; } // Toggle more menu function toggle_more_menu(position){ var more_menu = document.getElementById(position+"_more_list"); more_menu.classList.toggle("hidden_more_list"); more_menu.classList.toggle("display"); var menu_button = document.getElementById(position+"_more_button"); menu_button.classList.toggle("is-open"); } // scroll to top of page function scroll_to_top(duration) { var start = window.pageYOffset; var start_time = performance.now(); if ('requestAnimationFrame' in window === false) { window.scrollTo(0, 0); return; } function scroll() { var current_time = performance.now(); var elapsed_time = current_time - start_time; var progress = elapsed_time / duration; var ease_in_out_quad = progress < 0.5 ? 2 * progress * progress : -1 + (4 - 2 * progress) * progress; window.scrollTo(0, start * (1 - ease_in_out_quad)); if (elapsed_time < duration) { requestAnimationFrame(scroll); } else { window.scrollTo(0, 0); } } scroll(); } // FOLDER BUTTONS (unused) - declared to prevent console errors. function toggleAllFolders() {} function togglefolder(id) {} var device_type = get_device_type(); const mobile_menu_button = document.querySelector('.mobile-menu-toggle-button'); if (mobile_menu_button) { mobile_menu_button.addEventListener('click', function(e) { e.preventDefault(); const header = document.querySelector('header#main-header-bar'); if (header.classList.contains('mobile-menu-active')) { header.classList.remove('mobile-menu-active'); } else { header.classList.add('mobile-menu-active'); } }); } // tracking height for multiple folders to insert ads var global_pHeight = 0; // MODAL - FOLDER - SPOILER BUTTONS document.body.addEventListener('click', function(e) { // WATCH / FOLLOW BUTTONS const target = e.target.closest('.watch-button'); const loggedInElement = document.getElementById('logged_in'); const loggedIn = loggedInElement ? loggedInElement.value : null; //special code for the desktop-on-mobile-toggle cookie link if (e.target.closest('#desktop-on-mobile-toggle > a')) { e.preventDefault(); var body_class = "desktop-on-mobile"; var userPrefs = document.getElementById('user-prefs'); if (userPrefs.classList.contains(body_class)) { cookies.remove(body_class); } else { cookies.create(body_class, 'true', 300, '/'); } location.reload(); } // Display toggle buttons for user preferences if (e.target.closest('.display-toggles > li')) { var toggle = e.target; if(toggle.tagName.toLowerCase() === 'li') toggle = toggle.children[0]; var body_class = ''; var pref = ''; var val = 0; // SIDEBAR AND MOBILE MENU OPTIONS if (toggle.classList.contains('wide-load')) { body_class = "wide-load"; } else if (toggle.classList.contains('sticky-header')) { body_class = "sticky-header"; } else if (toggle.classList.contains('night-vision')) { body_class = "night-vision"; } else if (toggle.classList.contains('show-spoilers')) { body_class = "show-spoilers"; } else if (toggle.classList.contains('tvtropes-editor-on')) { body_class = "tvtropes-editor-on"; } // PROFILE PAGE OPTIONS else if (toggle.classList.contains('folders-open')) { body_class = "folders-open"; } else if (toggle.classList.contains('wysiwyg-toggle')) { body_class = "wysiwyg-toggle"; } else if (toggle.classList.contains('mono-font')) { body_class = "mono-font"; } else if (toggle.classList.contains('lefthand-sidebar')) { body_class = "lefthand-sidebar"; } else if (toggle.classList.contains('highlight-links')) { body_class = "highlight-links"; } else if (toggle.classList.contains('forum-gingerbread')) { body_class = "forum-gingerbread"; } else if (toggle.classList.contains('shared-avatars')) { body_class = "shared-avatars"; pref = 'accept_share'; val = toggle.classList.contains('active') ? 0 : 1; } else if (toggle.classList.contains('new-search')) { body_class = "new-search"; pref = 'new_search'; val = toggle.classList.contains('active') ? 0 : 1; } else if (toggle.classList.contains('stop-auto-play-video')) { body_class = "stop-auto-play-video"; pref = 'stop_auto_play_video'; val = toggle.classList.contains('active') ? 0 : 1; } else if (toggle.classList.contains('notification-pm')) { body_class = 'notification-pm'; pref = 'toggle_notification_pm'; val = toggle.classList.contains('active') ? 0 : 1; } else if (toggle.classList.contains('notification-video')) { body_class = 'notification-video'; pref = 'toggle_notification_video'; val = toggle.classList.contains('active') ? 0 : 1; } else if (toggle.classList.contains('notification-query')) { body_class = 'notification-query'; pref = 'toggle_notification_query'; val = toggle.classList.contains('active') ? 0 : 1; } if (pref === 'accept_share' || pref === 'new_search' || pref === 'stop_auto_play_video' || pref === 'toggle_notification_query' || pref === 'toggle_notification_pm' || pref === 'toggle_notification_video') { if (pref === 'new_search' && document.querySelector('#new-search-toggle')) show_loader(); fetch('/ajax/toggle_user_prefs.php', { method: 'POST', headers: { 'Content-Type': 'application/x-www-form-urlencoded', }, body: 'pref=' + encodeURIComponent(pref) + '&value=' + encodeURIComponent(val) }) .then(response => response.json()) .then(json => { if (pref === 'new_search') { const newSearchToggle = document.querySelector('#new-search-toggle'); const searchInput = document.getElementById('srch-term').value; const pageType = document.getElementsByName('page_type')[0].value; if (newSearchToggle && newSearchToggle.classList.contains('active')) { kill_modal(); window.location.href = '/pmwiki/elastic_search_result.php?new_search=true&q=' + encodeURIComponent(searchInput) + '&page_type=' + encodeURIComponent(pageType); } else if (newSearchToggle) { kill_modal(); window.location.href = '/pmwiki/search_result.php?new_search=false&q=' + encodeURIComponent(searchInput); } } }) .catch(error => { console.error('Error:', error); }); document.querySelector('form.search').addEventListener('submit', function(e) { if (cookies.read('new-search') === 'true') { e.preventDefault(); this.setAttribute('action', "/pmwiki/elastic_search_result.php"); } }); } // Toggle 'active' class based on body_class var displayToggles = document.querySelectorAll('.display-toggle.' + body_class); displayToggles.forEach(item_to_toggle => { item_to_toggle.classList.toggle('active'); }); var userPrefs = document.getElementById('user-prefs'); userPrefs.classList.toggle(body_class); console.log('BODY CLASS:',body_class); if (userPrefs.classList.contains(body_class)) { cookies.create(body_class, 'true', 300, '/'); } else { cookies.remove(body_class); // Specific logic for 'show-spoilers' class if (body_class === "show-spoilers") { document.querySelectorAll('.spoiler').forEach(spoiler => { spoiler.classList.remove('off'); }); } } } if (target && loggedIn !== null) { e.preventDefault(); if (loggedIn === 'true') { target.classList.add('processing'); } // Article if (target.getAttribute('data-watch-info')) { var data = target.dataset.watchInfo.split(','); if (!data.length) return; var addOrDrop = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? 'drop' : 'add'; handleWatchItem(addOrDrop, data[0], data[1], target); // Discussion page } else if (target.getAttribute('data-watch-discussion-info')) { var data = target.dataset.watchDiscussionInfo.split(','); if (!data.length) return; var addOrDrop = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? 'drop' : 'add'; var pageType = 'Discussion'; handleWatchItem(addOrDrop, data[0], data[1], target, pageType); // Forum thread } else if (target.getAttribute('data-watch-thread-id')) { var threadId = target.getAttribute('data-watch-thread-id'); var url = target.classList.contains('watching') || target.parentElement.classList.contains('watching') ? '/pmwiki/thread_watch_drop.php?thread=' : '/pmwiki/setthreadwatch.php?d_id='; url += threadId; handleWatchThread(url, target); } } // Check for kill modal button click if (e.target.classList.contains('kill-modal-button')) { e.preventDefault(); kill_modal(); } // Check for data-click-toggle without data-click-toggle-target const targetWithoutToggleTarget = e.target.closest('*[data-click-toggle]:not([data-click-toggle-target])'); if (targetWithoutToggleTarget) { e.preventDefault(); const toggleClass = targetWithoutToggleTarget.getAttribute('data-click-toggle'); targetWithoutToggleTarget.classList.toggle(toggleClass); } // Check for data-click-toggle with data-click-toggle-target const targetWithToggleTarget = e.target.closest('*[data-click-toggle][data-click-toggle-target]:not(#signup-form-toggles a)'); if (targetWithToggleTarget) { e.preventDefault(); // Check if the target contains fetch_articles in the onclick attribute const hasFetchArticles = targetWithToggleTarget.getAttribute('onclick') && targetWithToggleTarget.getAttribute('onclick').includes('fetch_articles'); // If fetch_articles is not in the onclick attribute, stop propagation if (!hasFetchArticles) { e.stopPropagation(); } const toggleTargetId = targetWithToggleTarget.getAttribute('data-click-toggle-target'); const toggleClass = targetWithToggleTarget.getAttribute('data-click-toggle'); const isExclusive = targetWithToggleTarget.getAttribute('data-click-toggle-exclusive') === 'true'; if (isExclusive) { // Exclusive mode: toggle target and clear siblings const toggleTarget = document.getElementById(toggleTargetId); if (toggleTarget) { // Remove the toggle class from all siblings const siblings = Array.from(toggleTarget.parentNode.children); for (let sibling of siblings) { if (sibling !== toggleTarget) { sibling.classList.remove(toggleClass); } } // Add the toggle class to the target element toggleTarget.classList.add(toggleClass); } } else { // Non-exclusive mode: toggle targets normally if (toggleTargetId.indexOf(',') > -1) { const targets = toggleTargetId.split(","); targets.forEach(t => { document.querySelectorAll('#' + t).forEach(el => { el.classList.toggle(toggleClass); }); }); } else { document.querySelectorAll('#' + toggleTargetId).forEach(el => { el.classList.toggle(toggleClass); }); } } } // initiate all modals const modalTarget = e.target.closest('*[data-modal-target]'); if(modalTarget) { if (!modalTarget) { return; // Skip, if no target found with the specified attribute } // Get modal details let modal = modalTarget.getAttribute('data-modal-target'); let msg = modalTarget.getAttribute('data-modal-vars') ? modalTarget.getAttribute('data-modal-vars') : modalTarget.getAttribute('data-modal-confirmation-message'); let url = modalTarget.getAttribute('data-modal-confirmation-url'); // convert to json if possible try { var obj = JSON.parse(msg); if (obj && typeof obj === "object") { msg = obj; } } catch (e) { } // Skip modal and go straight to the link if (modal === "allow") return; // Don't allow link since we are showing a modal instead e.preventDefault(); // Add support for alert tags if (modal.substring(0, 6) === "alert-") { // Message array const msgArr = { "alert-banned": "Your permissions for this area have been suspended. Please visit <a href='/pmwiki/pmwiki.php/Administrivia/WhatToDoIfYouAreSuspended'>this page</a> for more details.", "alert-bounced": "This account has committed severe or repeated violations of our rules and is permanently denied access to many of the account features of the site. If you feel that this may be an error, please <a href=\"/pmwiki/contact.php\">contact the mods</a>.", "alert-denied": "Your account was denied by a moderator. If you believe this was done in error please <a href=\"/pmwiki/contact.php\">contact the mods</a>.", "alert-verify": "You must verify your email address before doing this. Check your email for a link.", "alert-approval": "Your account must be approved by a moderator before you can do this. If you still have this problem in a couple hours try <a href=\"/pmwiki/contact.php\">contacting the mods</a>.", "alert-age": "Your account is not old enough. Give it a little more time.", "alert-mod": "This page is only for moderators. Try something else.", "alert-db": "We are currently updating our database systems to UTF-8MB4. Please try again in 10-12 hours." }; if (modal in msgArr) { msg = msgArr[modal]; } else { msg = "Unknown error. Please <a href=\"/pmwiki/contact.php\">Contact us</a> if the problem persists."; } modal = "alert"; } // Bring up modal now show_modal(modal, msg, url); } // SPOILERS const spoilers = e.target.closest('.spoiler'); if (spoilers) { spoilers.classList.toggle('off'); } // OPEN INDIVIDUAL FOLDERS const folders = e.target.closest('.folderlabel'); if (folders && e.target.getAttribute('onclick') !== "toggleAllFolders();") { e.preventDefault(); folders.classList.toggle('is-open'); let folder = folders.nextElementSibling; if (folders.classList.contains('is-open')) { gtag('event', 'folder_click', {'device_type': device_type}); } if (folder && folders.classList.contains('is-open') && live_ads == 1 && (document.body.clientWidth && document.body.clientWidth<=768) && tvtropes_config.universal_page_type == 'Article') { if (folder.querySelectorAll('.tvtropes-ad-unit').length === 0) { global_pHeight = insert_ads_in_content(folder, globalAdInsertionCount, global_pHeight); } } } // OPEN ALL FOLDERS const allFolders = e.target.closest('div[onclick*="toggleAllFolders()"]'); if (allFolders) { let parentElement = allFolders.parentNode; // If the button is inside an H2, select the parent div of it if (parentElement.tagName === 'H2') parentElement = parentElement.parentNode; let isCurrentlyOpen = e.target.classList.contains('is-open'); // Select only folder labels that are inside the same parent div as the clicked button let foldersAndButtons = parentElement.querySelectorAll('.folderlabel, .toggle-all-folders-button'); foldersAndButtons.forEach(function(element) { if (isCurrentlyOpen) { element.classList.remove('is-open'); } else { element.classList.add('is-open'); } }); if (!isCurrentlyOpen) { gtag('event', 'all_folders_click', {'device_type': device_type}); // Also target only .folder elements within the same parent div parentElement.querySelectorAll('.folder').forEach(function(folder) { if (!folder.querySelector('.tvtropes-ad-unit') && live_ads == 1 && (document.body.clientWidth && document.body.clientWidth<=768) && tvtropes_config.universal_page_type == 'Article') { global_pHeight = insert_ads_in_content(folder, globalAdInsertionCount, global_pHeight); } }); } } }, true); // Add/remove watched article var handleWatchItem = function(addOrDrop, groupname, title, obj, pageType = '') { fetch("/ajax/watchlist.php", { method: "POST", headers: { 'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8' }, body: `groupname=${encodeURIComponent(groupname)}&title=${encodeURIComponent(title)}&type=${encodeURIComponent(addOrDrop)}&json=1&pageType=${encodeURIComponent(pageType)}` }) .then(response => response.json()) .then(data => { obj.classList.remove('processing'); if (obj.classList.contains('tile-watch-button')) { obj.parentNode.classList.toggle('watching'); } else { obj.classList.toggle('watching'); } }) .catch(error => { obj.classList.remove('processing'); show_modal('alert-red', 'Whoops, something went wrong. Please try adding again.'); }); } // add/remove watched forum thread var handleWatchThread = function(url, obj) { fetch(url) .then(response => response.text()) // assuming the server responds with plain text .then(data => { obj.classList.remove('processing'); if (obj.classList.contains('tile-watch-button')) { obj.parentNode.classList.toggle('watching'); } else { obj.classList.toggle('watching'); } }) .catch(error => { obj.classList.remove('processing'); show_modal('alert-red', 'Whoops, something went wrong. Please try adding again.'); }); } </script> <script> if(is_mobile()) { document.write("<div class=\"htlad-tvtropes_m_sticky\"></div>"); } else { document.write("<div class=\"htlad-tvtropes_dt_sticky\"></div>"); } </script> <div id="tvtropes_oop_ad_slot" style="display: none;"></div> <div id="top_container_spacing"></div> <div id="main-container"> <div id="action-bar-top" class="action-bar mobile-off"> <div class="action-bar-right"> <p>Follow TV Tropes</p> <a href="https://www.facebook.com/TVTropes" class="button-fb"> <i class="fa fa-facebook"></i></a> <a href="https://www.twitter.com/TVTropes" class="button-tw"> <i class="fa fa-twitter"></i></a> </div> <nav class="actions-wrapper" itemscope itemtype="http://schema.org/SiteNavigationElement"> <ul id="top_main_list" class="page-actions"> <li class="link-edit"> <a rel = "nofollow" class = "article-edit-button"data-modal-target= "login"href = "/pmwiki/pmwiki.php/Main/BRoll?action=edit"> <i class="fa fa-pencil"></i> Edit Page</a></li><li class="link-related"><a href="/pmwiki/relatedsearch.php?term=Main/BRoll"> <i class="fa fa-share-alt"></i> Related</a></li><li class="link-history"><a href="/pmwiki/article_history.php?article=Main.BRoll" data-modal-target="login" rel="nofollow"> <i class="fa fa-history"></i> History</a></li><li class="link-discussion"><a href="/pmwiki/remarks.php?trope=Main.BRoll" data-modal-target="login" rel="nofollow"> <i class="fa fa-comment"></i> Discussion</a></li><li class="link-todo tuck-always"><a href="#todo" data-modal-target="login" rel="nofollow"><i class="fa fa-check-circle"></i> To Do</a></li> </ul> <button id="top_more_button" onclick="toggle_more_menu('top');" type="button" class="nav__dropdown-toggle">More</button> <ul id="top_more_list" class="more_menu hidden_more_list"> <li class="link-pageSource tuck-always more_list_item"><a href="/pmwiki/pmwiki.php/Main/BRoll?action=source" target="_blank" rel="nofollow"data-modal-target= "login"><i class="fa fa-code"></i> Page Source</a></li> </ul> </nav> <div class="WikiWordModalStub"></div> <div class="ImgUploadModalStub" data-page-type="Article"></div> <div class="login-alert" style="display: none;"> You need to <a href="/pmwiki/login.php" style="color:#21A0E8">login</a> to do this. <a href="/pmwiki/login.php?tab=register_account" style="color:#21A0E8">Get Known</a> if you don't have an account </div> </div> <div id="main-content" class="page-Article "> <article id="main-entry" class="with-sidebar">  <input type="hidden" id="groupname-hidden" value="Main"/> <input type="hidden" id="title-hidden" value="BRoll"/> <input type="hidden" id="article_id" value="579" /> <input type="hidden" id="logged_in" value="false" /> <p id="current_url" class="hidden">http://tvtropes.org/pmwiki/pmwiki.php/Main/BRoll</p> <meta itemprop="datePublished" content=""/> <meta itemprop="articleSection" content="" /> <meta itemprop="image" content=""> <div class="watch_rank_wrap"> <a href="#watch" class="watch-button " data-modal-target="login" >Follow<span>ing</span></a> </div> <h1 itemprop="headline" class="entry-title"> B-Roll </h1> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "name": "TV Tropes", "item": "https://tvtropes.org/" },{ "@type": "ListItem", "position": 2, "name": "Tropes", "item": "https://tvtropes.org/pmwiki/pmwiki.php/Main/Tropes" },{ "@type": "ListItem", "position": 3, "name": "B-Roll", "item": "https://tvtropes.org/pmwiki/pmwiki.php/Main/BRoll" }] } </script> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "name": "B-Roll", "headline": "B-Roll", "url": "https://tvtropes.org/pmwiki/pmwiki.php/Main/BRoll", "image": "https://static.tvtropes.org/pmwiki/pub/images/2016_08_19_14_11_22.png", "author": { "@type": "Organization", "name": "Contributors to TV Tropes (aka Tropers)" }, "datePublished": "2008-04-09T00:00:00-07:00", "dateModified": "2025-01-19T19:17:37-08:00" } </script> <a href="#mobile-actions-toggle" id="mobile-actionbar-toggle" class="mobile-actionbar-toggle mobile-on" data-click-toggle="active" > <p class="tiny-off">Go To</p><span></span><span></span><span></span><i class="fa fa-pencil"></i></a> <nav id="mobile-actions-bar" class="mobile-actions-wrapper mobile-on"></nav> <script> //duplicate action bar to the mobile-action-bar holder if (document.getElementById("mobile-actions-bar")) { // Clone the main list var top_main_list = document.getElementById('top_main_list'); var top_main_list_cln = top_main_list.cloneNode(true); // Clone the more list var top_more_list = document.getElementById('top_more_list'); var top_more_list_cln = top_more_list.cloneNode(true); top_more_list_cln.querySelectorAll("li").forEach(function(child){ top_main_list_cln.appendChild(child); }); document.getElementById("mobile-actions-bar").appendChild(top_main_list_cln); } </script> <nav class="body-options" itemscope itemtype="http://schema.org/SiteNavigationElement"> <ul class="subpage-links"> <li> <a href="/pmwiki/pmwiki.php/Main/BRoll" class="subpage-link curr-subpage" title="The Main page"> <span class="wrapper"><span class="spi main-page"></span>Main</span></a> </li> <li> <a href="/pmwiki/pmwiki.php/Laconic/BRoll" class="subpage-link " title="The Laconic page"> <span class="wrapper"><span class="spi laconic-icon"></span>Laconic</span></a> </li> <li class="create-subpage dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false"> <span class="wrapper">Create Subpage <i class="fa fa-plus-circle"></i></span> </a> <select onchange="this.options[this.selectedIndex].value && (window.location = this.options[this.selectedIndex].value);"> <option value="">- Create New -</option> <option value="/pmwiki/pmwiki.php/Analysis/BRoll?action=edit">Analysis</option> <option value="/pmwiki/pmwiki.php/Archive/BRoll?action=edit">Archive</option> <option value="/pmwiki/pmwiki.php/Awesome/BRoll?action=edit">Awesome</option> <option value="/pmwiki/pmwiki.php/Characters/BRoll?action=edit">Characters</option> <option value="/pmwiki/pmwiki.php/DerivativeWorks/BRoll?action=edit">DerivativeWork…</option> <option value="/pmwiki/pmwiki.php/FanWorks/BRoll?action=edit">FanWorks</option> <option value="/pmwiki/pmwiki.php/FanficRecs/BRoll?action=edit">FanficRecs</option> <option value="/pmwiki/pmwiki.php/Fridge/BRoll?action=edit">Fridge</option> <option value="/pmwiki/pmwiki.php/Funny/BRoll?action=edit">Funny</option> <option value="/pmwiki/pmwiki.php/Haiku/BRoll?action=edit">Haiku</option> <option value="/pmwiki/pmwiki.php/Headscratchers/BRoll?action=edit">Headscratchers</option> <option value="/pmwiki/pmwiki.php/Heartwarming/BRoll?action=edit">Heartwarming</option> <option value="/pmwiki/pmwiki.php/ImageLinks/BRoll?action=edit">ImageLinks</option> <option value="/pmwiki/pmwiki.php/ImageSource/BRoll?action=edit">ImageSource</option> <option value="/pmwiki/pmwiki.php/MediaNotes/BRoll?action=edit">MediaNotes</option> <option value="/pmwiki/pmwiki.php/Newsletter/BRoll?action=edit">Newsletter</option> <option value="/pmwiki/pmwiki.php/NightmareFuel/BRoll?action=edit">NightmareFuel</option> <option value="/pmwiki/pmwiki.php/PlayingWith/BRoll?action=edit">PlayingWith</option> <option value="/pmwiki/pmwiki.php/QuoteSource/BRoll?action=edit">QuoteSource</option> <option value="/pmwiki/pmwiki.php/Quotes/BRoll?action=edit">Quotes</option> <option value="/pmwiki/pmwiki.php/Recap/BRoll?action=edit">Recap</option> <option value="/pmwiki/pmwiki.php/ReferencedBy/BRoll?action=edit">ReferencedBy</option> <option value="/pmwiki/pmwiki.php/Shocking/BRoll?action=edit">Shocking</option> <option value="/pmwiki/pmwiki.php/TearJerker/BRoll?action=edit">TearJerker</option> <option value="/pmwiki/pmwiki.php/Timeline/BRoll?action=edit">Timeline</option> <option value="/pmwiki/pmwiki.php/Trivia/BRoll?action=edit">Trivia</option> <option value="/pmwiki/pmwiki.php/WMG/BRoll?action=edit">WMG</option> <option value="/pmwiki/pmwiki.php/YMMV/BRoll?action=edit">YMMV</option> </select> </li> </ul> </nav> <div id="main-article" class="article-content retro-folders"> <p>     </p><p><div class="quoteright" style="width:350px;" ><div class="lazy_load_img_box" style="padding-top:40.86%"><img src='https://static.tvtropes.org/pmwiki/pub/images/2016_08_19_14_11_22.png' class='embeddedimage' border='0' alt='B-Roll (trope)' width=350 height=143></div></div>  </p><p>Illustrative footage inserted into a <a class='twikilink' href='/pmwiki/pmwiki.php/Main/NewsBroadcast' title='/pmwiki/pmwiki.php/Main/NewsBroadcast' data-format='W1tOZXdzQnJvYWRjYXN0IGJyb2FkY2FzdCBuZXdzXV0='>broadcast news</a> piece, interview, or <a class='twikilink' href='/pmwiki/pmwiki.php/Main/WebVideo' title='/pmwiki/pmwiki.php/Main/WebVideo' data-format='V2ViVmlkZW8='>Web Video</a>. It is chosen to illustrate what is being said, and as a way to cover editing and continuity errors in production. </p><p>The trope's name is the term used by news people. It refers to the fact that this footage is usually spooled out from the second ("B") deck on a Linear Edit system. The "A roll" footage is the interview itself, the presenter's questions, and any directly documentary footage. </p><p>Sometimes the B-Roll footage is used as a backdrop for graphs, a screenshot of a document with the salient quote highlighted, or some other visual aid, either full-screen with just a voiceover or on the big screen in the studio. </p><p>It's not uncommon for <a class='twikilink' href='/pmwiki/pmwiki.php/Main/AdvertisedExtra' title='/pmwiki/pmwiki.php/Main/AdvertisedExtra' data-format='e3tBZHZlcnRpc2VkIEV4dHJhfX1z'>Advertised Extras</a> to be featured on B-Roll footage of interviews and teasers. </p><p>It comes in four flavors: <!—index—> <ol ><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/EstablishingShot' title='/pmwiki/pmwiki.php/Main/EstablishingShot' data-format='RXN0YWJsaXNoaW5nU2hvdA=='>Establishing Shot</a>: Wide to extremely wide shots of buildings or landscapes with the purpose of establishing the context of a scene either at its beginning or end. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/AnInsert' title='/pmwiki/pmwiki.php/Main/AnInsert' data-format='W1tBbkluc2VydCBJbnNlcnQgU2hvdHNdXQ=='>Insert Shots</a>: Opposed to the former, its purpose is to bring the viewer's attention to a particular detail within a scene, usually from a character's POV. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/FixItInPost' title='/pmwiki/pmwiki.php/Main/FixItInPost' data-format='W1tGaXhJdEluUG9zdCBQaWNrLVVwIFNob3RzXV0='>Pick-Up Shots</a>: Footage filmed recorded after the principal photography (aka the production stage) to augment and complement footage already shot. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/StockFootage' title='/pmwiki/pmwiki.php/Main/StockFootage' data-format='U3RvY2tGb290YWdl'>Stock Footage</a>: Recycled footage either purchased from third parties or original. </li></ol><!—/index—> </p><p>This page is for examples where one flavor is used in tandem with others, <a class='twikilink' href='/pmwiki/pmwiki.php/Main/InUniverse' title='/pmwiki/pmwiki.php/Main/InUniverse' data-format='SW5Vbml2ZXJzZQ=='>In-Universe</a> usages of B-Roll footage, and examples that don't fit in any of the above-listed flavors. </p><p>Compare with <a class='twikilink' href='/pmwiki/pmwiki.php/Main/BRollRebus' title='/pmwiki/pmwiki.php/Main/BRollRebus' data-format='QlJvbGxSZWJ1cw=='>B-Roll Rebus</a>, where several of these shots are used in rapid succession; <a class='twikilink' href='/pmwiki/pmwiki.php/Main/JumpCut' title='/pmwiki/pmwiki.php/Main/JumpCut' data-format='SnVtcEN1dA=='>Jump Cut</a>, which is prevented by using B-Roll footage; <a class='twikilink' href='/pmwiki/pmwiki.php/Main/ThreeCameras' title='/pmwiki/pmwiki.php/Main/ThreeCameras' data-format='VGhyZWVDYW1lcmFz'>Three Cameras</a>, which allows for B-Roll footage to be filmed at the same time as the A-Roll. Sometimes, <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MultiTakeCut' title='/pmwiki/pmwiki.php/Main/MultiTakeCut' data-format='TXVsdGlUYWtlQ3V0'>Multi-Take Cut</a> might end up being part of stock b-roll footage. <hr data-format='——' /> <h2>Examples:</h2> </p><p><div class="folderlabel" onclick="toggleAllFolders();">    open/close all folders  </div> </p><p><div class="folderlabel" onclick="togglefolder('folder0');">    Anime & Manga </div><div id="folder0" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Anime/FinalFantasyVIIAdventChildren' title='/pmwiki/pmwiki.php/Anime/FinalFantasyVIIAdventChildren' data-format='QW5pbWUvRmluYWxGYW50YXN5VklJQWR2ZW50Q2hpbGRyZW4='>Final Fantasy VII: Advent Children</a></em>: Rufus and Kadaj's conversation before Kadaj summons Bahamut SIN reuses clips from the opening of the film as they talk in a manner similar to B-Roll, the footage sometimes matching what they're talking about, sometimes not. These sequences, as well as other clips from the film, have since been reused in subsequent <em>Compilation</em> entries and related media, particularly <em>Crisis Core</em>. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Anime/LoveLiveNijigasakiHighSchoolIdolClub' title='/pmwiki/pmwiki.php/Anime/LoveLiveNijigasakiHighSchoolIdolClub' data-format='QW5pbWUvTG92ZUxpdmVOaWppZ2FzYWtpSGlnaFNjaG9vbElkb2xDbHVi'>Love Live! Nijigasaki High School Idol Club</a></em>: The titular idol club is eager to show their promotional video. Because they rush, <a class='twikilink' href='/pmwiki/pmwiki.php/Main/HilariousOuttakes' title='/pmwiki/pmwiki.php/Main/HilariousOuttakes' data-format='SGlsYXJpb3VzT3V0dGFrZXM='>Hilarious Outtakes</a> are played instead. <div class='indent'><strong>Kasumi:</strong> What!? N-n-n-n-no! What the heck is going on!? <br data-format="\\" /><strong>Shizuku</strong>: That's the B-Roll footage we <em>weren't</em> going to use! </div></li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder1');">    Films — Animation </div><div id="folder1" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WesternAnimation/HeyArnoldTheJungleMovie' title='/pmwiki/pmwiki.php/WesternAnimation/HeyArnoldTheJungleMovie' data-format='V2VzdGVybkFuaW1hdGlvbi9IZXlBcm5vbGRUaGVKdW5nbGVNb3ZpZQ=='>Hey Arnold! The Jungle Movie</a></em>: In one scene, Gerald casually talks about Helga's <a class='twikilink' href='/pmwiki/pmwiki.php/Main/StalkerWithACrush' title='/pmwiki/pmwiki.php/Main/StalkerWithACrush' data-format='U3RhbGtlcldpdGhBQ3J1c2g='>Stalker with a Crush</a> habits — as all of that B-Roll footage in the video they submitted to the contest was from her personal collection. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WesternAnimation/TheLegoBatmanMovie' title='/pmwiki/pmwiki.php/WesternAnimation/TheLegoBatmanMovie' data-format='V2VzdGVybkFuaW1hdGlvbi9UaGVMZWdvQmF0bWFuTW92aWU='>The LEGO Batman Movie</a></em>: There's a news B-Roll of Superman fighting Zod credited to <a class='twikilink' href='/pmwiki/pmwiki.php/Creator/ZackSnyder' title='/pmwiki/pmwiki.php/Creator/ZackSnyder' data-format='W1tDcmVhdG9yL1phY2tTbnlkZXIgWi4gU255ZGVyXV0='>Z. Snyder</a> and A. Mokri, the director and cinematographer (respectively) of <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/ManOfSteel' title='/pmwiki/pmwiki.php/Film/ManOfSteel' data-format='RmlsbS9NYW5PZlN0ZWVs'>Man of Steel</a></em>. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WesternAnimation/Zootopia' title='/pmwiki/pmwiki.php/WesternAnimation/Zootopia' data-format='V2VzdGVybkFuaW1hdGlvbi97e1pvb3RvcGlhfX0='>Zootopia</a></em>: There's B-Roll footage of <a class='twikilink' href='/pmwiki/pmwiki.php/Creator/JasonBateman' title='/pmwiki/pmwiki.php/Creator/JasonBateman' data-format='Q3JlYXRvci9KYXNvbkJhdGVtYW4='>Jason Bateman</a> ad-libbing during the infamous "sloth" scene that he [Nick] hadn't seen Flash "since track meet". </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder2');">    Films — Live-Action </div><div id="folder2" class="folder" isfolder="true" style="display:block;"> <ul ><li> "Line-o-rama" reels are produced by filming lots of improvs and then cutting all the best parts together à la B-Roll. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/Amy2015' title='/pmwiki/pmwiki.php/Film/Amy2015' data-format='RmlsbS97e0FteXwyMDE1fX0='>Amy</a></em>: The entire film consists of B-Roll clips of Amy Winehouse —interviews, performances, and home movies; voice-over commentary is provided by Winehouse herself in old interviews, her friends, business associates, and family members. There's a little original B-Roll footage as well. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/ApocalypseNow' title='/pmwiki/pmwiki.php/Film/ApocalypseNow' data-format='RmlsbS9BcG9jYWx5cHNlTm93'>Apocalypse Now</a></em>: The iconic opening sequence came about simply because Coppola happened to find some B-Roll of the napalm attack and was quite interested in the effect of the helicopters and smoke suddenly being interrupted by a huge explosion, plus a half-joking comment to the crew that it would be funny to start a movie with the song "<a class='twikilink' href='/pmwiki/pmwiki.php/Music/TheDoors' title='/pmwiki/pmwiki.php/Music/TheDoors' data-format='W1tNdXNpYy9UaGVEb29ycyBUaGUgRW5kXV0='>The End</a>". </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/Attica' title='/pmwiki/pmwiki.php/Film/Attica' data-format='RmlsbS97e0F0dGljYX19'>Attica</a></em>: Since the press was allowed inside the titular prison during the standoff of the riot, the siege is well-documented. The documentary uses that footage as B-Roll. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/AvengersAgeOfUltron' title='/pmwiki/pmwiki.php/Film/AvengersAgeOfUltron' data-format='RmlsbS9BdmVuZ2Vyc0FnZU9mVWx0cm9u'>Avengers: Age of Ultron</a></em>: While <a class='twikilink' href='/pmwiki/pmwiki.php/Creator/JamesSpader' title='/pmwiki/pmwiki.php/Creator/JamesSpader' data-format='Q3JlYXRvci9KYW1lc1NwYWRlcg=='>James Spader</a> was on-set for the majority of his scenes in a mo-cap suit, B-Roll footage shows him recording some of his lines in a sound booth. This makes the scenes where Ultron suddenly speaks with a different voice understandable. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/BatmanVSupermanDawnOfJustice' title='/pmwiki/pmwiki.php/Film/BatmanVSupermanDawnOfJustice' data-format='RmlsbS9CYXRtYW5WU3VwZXJtYW5EYXduT2ZKdXN0aWNl'>Batman v Superman: Dawn of Justice</a></em>: There is some <a class='urllink' href='https://66.media.tumblr.com/cce1bfe04d32718d6dbc9e1d4c20261e/tumblr_o9ie5xNIaa1rmqz4qo1_400.gif'>B-Roll footage<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><small>◊</small> of Ben Affleck and Henry Cavill <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Corpsing' title='/pmwiki/pmwiki.php/Main/Corpsing' data-format='e3tjb3Jwc2luZ319'>corpsing</a> and smiling at each other. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/BlueIsTheWarmestColor' title='/pmwiki/pmwiki.php/Film/BlueIsTheWarmestColor' data-format='RmlsbS9CbHVlSXNUaGVXYXJtZXN0Q29sb3I='>Blue Is the Warmest Color</a></em>: A good portion of the B-Roll footage with Adèle Exarchopoulos that ends up being used is in fact of the actress when she is out of character. The camera would be on her when she ate and even when she slept on the train while they were on their way to the set. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/BoBurnhamInside' title='/pmwiki/pmwiki.php/Film/BoBurnhamInside' data-format='RmlsbS9Cb0J1cm5oYW1JbnNpZGU='>Bo Burnham: Inside</a></em>: In the outtakes, Bo creates a few <a class='twikilink' href='/pmwiki/pmwiki.php/Main/DrosteImage' title='/pmwiki/pmwiki.php/Main/DrosteImage' data-format='e3tEcm9zdGUgSW1hZ2V9fXM='>Droste Images</a> and uses them as B-roll by pointing his camera at a monitor. </li><li> The 1933 <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/ThePreCodeEra' title='/pmwiki/pmwiki.php/UsefulNotes/ThePreCodeEra' data-format='W1tVc2VmdWxOb3Rlcy9UaGVQcmVDb2RlRXJhIFByZS1Db2RlXV0='>Pre-Code</a> comedy <em><a class='createlink' rel='nofollow' href='/pmwiki/pmwiki.php/Film/ConventionCity' title='/pmwiki/pmwiki.php/Film/ConventionCity' data-format='RmlsbS9Db252ZW50aW9uQ2l0eQ=='>Convention City</a></em> remains in the form of its script and the B-Roll footage of the Atlantic City used for the movie. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/DarkPhoenix' title='/pmwiki/pmwiki.php/Film/DarkPhoenix' data-format='RmlsbS9EYXJrUGhvZW5peA=='>Dark Phoenix</a></em>: When news reports about the X-Men are shown around the world: <div class='indent'><strong>Jeremy:</strong> No one will be seated during the B-Roll footage that Michael Bay directed. </div></li><li> Ulli Lommel's <em><a class='createlink' rel='nofollow' href='/pmwiki/pmwiki.php/Film/DiaryOfACannibal' title='/pmwiki/pmwiki.php/Film/DiaryOfACannibal' data-format='RmlsbS9EaWFyeU9mQUNhbm5pYmFs'>Diary Of A Cannibal</a></em> has a particularly egregious example of misuse of B-Roll. On top of the countlessly recycled <a class='twikilink' href='/pmwiki/pmwiki.php/Main/StockFootage' title='/pmwiki/pmwiki.php/Main/StockFootage' data-format='U3RvY2tGb290YWdl'>Stock Footage</a> of an ax raising and the boy and the girl staring at each other; the film's 86 minutes are mostly comprised of establishing, second-unit<span class="notelabel" onclick="togglenote('note0v2qm');"><sup>note </sup></span><span id="note0v2qm" class="inlinefolder" isnote="true" onclick="togglenote('note0v2qm');" style="cursor:pointer;font-size:smaller;display:none;">footage filmed by an extra team</span>, and more standard B-Roll shots. Not a good day for German cinema. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/GhostsOfGirlfriendsPast' title='/pmwiki/pmwiki.php/Film/GhostsOfGirlfriendsPast' data-format='RmlsbS9HaG9zdHNPZkdpcmxmcmllbmRzUGFzdA=='>Ghosts of Girlfriends Past</a></em>: B-Roll footage for the film was recorded in Newport, <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/RhodeIsland' title='/pmwiki/pmwiki.php/UsefulNotes/RhodeIsland' data-format='VXNlZnVsTm90ZXMvUmhvZGVJc2xhbmQ='>Rhode Island</a>. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/GodzillaKingOfTheMonsters2019' title='/pmwiki/pmwiki.php/Film/GodzillaKingOfTheMonsters2019' data-format='RmlsbS9Hb2R6aWxsYUtpbmdPZlRoZU1vbnN0ZXJzMjAxOQ=='>Godzilla: King of the Monsters (2019)</a></em>: Some of the B-Roll used in various scenes such as Emma's <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MotiveRant' title='/pmwiki/pmwiki.php/Main/MotiveRant' data-format='TW90aXZlUmFudA=='>Motive Rant</a>, the Senate subcommittee meeting and the end credits is footage taken from the 2014 movie's Comic-Con teaser trailer, the 2014 movie itself (including a joke where the footage of the <span class='esc-seq' title='non-wikiword'>MUTO</span>s’ courtship is <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Pixellation' title='/pmwiki/pmwiki.php/Main/Pixellation' data-format='W1t7e1BpeGVsbGF0aW9ufX0gcGl4ZWxsYXRlZF1d'>pixellated</a>) and even <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/KongSkullIsland' title='/pmwiki/pmwiki.php/Film/KongSkullIsland' data-format='RmlsbS9Lb25nU2t1bGxJc2xhbmQ='>Kong: Skull Island</a></em> (the brief visual of Kong’s face is taken from Randa seeing him through his camera lens). </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/PlayedForLaughs' title='/pmwiki/pmwiki.php/Main/PlayedForLaughs' data-format='UGxheWVkRm9yTGF1Z2hz'>Played for Laughs</a> in <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/TheInsider' title='/pmwiki/pmwiki.php/Film/TheInsider' data-format='RmlsbS9UaGVJbnNpZGVy'>The Insider</a></em>: At one point, Lowell and his assistant are shown looking over B-Roll footage for a segment on New Orleans police corruption. <div class='indent'><strong>Lowell:</strong> Stringer was supposed to be shooting B-Roll on street cops in New Orleans. What's with all the horses? </div></li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/IronMan3' title='/pmwiki/pmwiki.php/Film/IronMan3' data-format='RmlsbS9Jcm9uTWFuMw=='>Iron Man 3</a></em>: One of the images the Mandarin uses in his announcements is of a B-Roll an effigy of President Ellis being set on fire with an American flag attached, and the Mandarin shooting the President's picture in the head. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/MichaelJacksonsThisIsIt' title='/pmwiki/pmwiki.php/Film/MichaelJacksonsThisIsIt' data-format='RmlsbS9NaWNoYWVsSmFja3NvbnNUaGlzSXNJdA=='>Michael Jackson's This Is It</a></em>: The film makes use of footage of Michael Jackson's rehearsals, though they were never meant to be edited into a movie. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/TheMuppets2011' title='/pmwiki/pmwiki.php/Film/TheMuppets2011' data-format='RmlsbS9UaGVNdXBwZXRzMjAxMQ=='>The Muppets (2011)</a></em>: A scene cut from the film but included in the B-Roll footage released online has Kermit explaining to Gary, Mary, and Walter that he doesn't actually live at the penthouse. Instead, he simply stops by once a week to check the mail and clean the pool filters. This also explains why Kermit is seen with a tool chest the first time we see him in the final film. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/OneForTheMoney' title='/pmwiki/pmwiki.php/Film/OneForTheMoney' data-format='RmlsbS9PbmVGb3JUaGVNb25leQ=='>One for the Money</a></em>: Edited-out B-Roll footage and publicity show a number of scenes with Debbie Reynolds, who was <a class='twikilink' href='/pmwiki/pmwiki.php/Main/DemotedToExtra' title='/pmwiki/pmwiki.php/Main/DemotedToExtra' data-format='RGVtb3RlZFRvRXh0cmE='>Demoted to Extra</a>. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/PacificRim' title='/pmwiki/pmwiki.php/Film/PacificRim' data-format='RmlsbS9QYWNpZmljUmlt'>Pacific Rim</a></em>: <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Discussed' title='/pmwiki/pmwiki.php/Main/Discussed' data-format='e3tEaXNjdXNzZWR9fQ=='>Discussed</a> during a scene of random city destruction: <div class='indent'><strong>Jeremy:</strong> Movie saves money by using B-Roll footage from Tommy Lee Jones's Volcano. </div></li><li> In the <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Mockumentary' title='/pmwiki/pmwiki.php/Main/Mockumentary' data-format='e3ttb2NrdW1lbnRhcnl9fQ=='>mockumentary</a> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/TheSacrament' title='/pmwiki/pmwiki.php/Film/TheSacrament' data-format='RmlsbS9UaGVTYWNyYW1lbnQ='>The Sacrament</a></em>, the shots from different angles than the main camera are explained by the fact Patrick is also recording with his own camera. So, when they wrap it up, Patrick's footage serves as B-Roll. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/ATalkingCat' title='/pmwiki/pmwiki.php/Film/ATalkingCat' data-format='RmlsbS9BVGFsa2luZ0NhdA=='>A Talking Cat!?!</a></em>: Several scenes are comprised of nothing but B-Roll footage (<a class='twikilink' href='/pmwiki/pmwiki.php/Main/StockFootage' title='/pmwiki/pmwiki.php/Main/StockFootage' data-format='U3RvY2tGb290YWdl'>Stock Footage</a> and <a class='twikilink' href='/pmwiki/pmwiki.php/Main/EstablishingShot' title='/pmwiki/pmwiki.php/Main/EstablishingShot' data-format='e3tFc3RhYmxpc2hpbmcgU2hvdH19cw=='>Establishing Shots</a> mostly) of the surrounding forest where filming primarily took place. </li><li> The <a class='urllink' href='https://en.wikipedia.org/wiki/Concert_film'>concert-like film<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/WhenWeWereKings' title='/pmwiki/pmwiki.php/Film/WhenWeWereKings' data-format='RmlsbS9XaGVuV2VXZXJlS2luZ3M='>When We Were Kings</a></em> use footage of the <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/MuhammadAli' title='/pmwiki/pmwiki.php/UsefulNotes/MuhammadAli' data-format='VXNlZnVsTm90ZXMvTXVoYW1tYWRBbGk='>Muhammad Ali</a>-George Foreman "Rumble in the Jungle" heavyweight title bout as B-Roll for the actual movie. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/WorldWarZ' title='/pmwiki/pmwiki.php/Film/WorldWarZ' data-format='RmlsbS9Xb3JsZFdhclo='>World War Z</a></em>: One of Gerry's daughters asks him what martial law is when it appears on the news. Said news's B-Roll footage <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MeaningfulBackgroundEvent' title='/pmwiki/pmwiki.php/Main/MeaningfulBackgroundEvent' data-format='W1tNZWFuaW5nZnVsQmFja2dyb3VuZEV2ZW50IGRpc3BsYXlzIHdoYXQgYXBwZWFycyB0byBiZSBhIHpvbWJpZSBob3JkZV1d'>displays what appears to be a zombie horde</a>. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder3');">    Literature </div><div id="folder3" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Literature/FavoriteSon' title='/pmwiki/pmwiki.php/Literature/FavoriteSon' data-format='TGl0ZXJhdHVyZS9GYXZvcml0ZVNvbg=='>Favorite Son</a></em>: Senator Terry Fallon is shown (and later leaks to the press) B-Roll footage of <a class='twikilink' href='/pmwiki/pmwiki.php/Main/FemmeFatale' title='/pmwiki/pmwiki.php/Main/FemmeFatale' data-format='RmVtbWVGYXRhbGU='>Femme Fatale</a> Sally Crain <span class="spoiler" title="you can set spoilers visible by default on your profile" > issuing the signal to open fire</span>. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder4');">    Live-Action TV </div><div id="folder4" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/AmericasNextTopModel' title='/pmwiki/pmwiki.php/Series/AmericasNextTopModel' data-format='U2VyaWVzL0FtZXJpY2FzTmV4dFRvcE1vZGVs'>America's Next Top Model</a></em>: There's an <a class='twikilink' href='/pmwiki/pmwiki.php/Main/ManipulativeEditing' title='/pmwiki/pmwiki.php/Main/ManipulativeEditing' data-format='W1tNYW5pcHVsYXRpdmVFZGl0aW5nIGVkaXRlZC1vdXRdXQ=='>edited-out</a>, B-Roll interview of Marvita disclosing her thoughts after being eliminated. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/Daredevil2015' title='/pmwiki/pmwiki.php/Series/Daredevil2015' data-format='U2VyaWVzL0RhcmVkZXZpbDIwMTU='>Daredevil (2015)</a></em>: The various newscasts at the beginning of "Aftermath" are all very obviously green-screened, with the actors playing reporters all standing in front of superimposed B-Roll with much different lighting. It doesn't help that all the shots have exactly the same composition, indicating they were likely all shot on the same soundstage at the same time. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/Detroiters' title='/pmwiki/pmwiki.php/Series/Detroiters' data-format='U2VyaWVzL3t7RGV0cm9pdGVyc319'>Detroiters</a></em>: For the Eddie Champagne commercial, film school student Lea creates a <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TrueArtIsAngsty' title='/pmwiki/pmwiki.php/Main/TrueArtIsAngsty' data-format='W1tUcnVlQXJ0SXNBbmdzdHkgZG91ciwgZGVwcmVzc2luZyBzaG9ydCBmaWxtXV0='>dour, depressing short film</a> that uses on-set B-Roll of Eddie creeping on the makeup woman, expressing a deep self-loathing, and eating deli meat off the ground — it's to paint him as a broken wretch. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/DragonsDen' title='/pmwiki/pmwiki.php/Series/DragonsDen' data-format='U2VyaWVzL0RyYWdvbnNEZW4='>Dragons' Den</a></em>: The footage of the contestants at their home/business. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/Fringe' title='/pmwiki/pmwiki.php/Series/Fringe' data-format='U2VyaWVzL3t7RnJpbmdlfX0='>Fringe</a></em>: <a class='twikilink' href='/pmwiki/pmwiki.php/Main/InUniverse' title='/pmwiki/pmwiki.php/Main/InUniverse' data-format='SW5Vbml2ZXJzZQ=='>In-Universe</a>, the series technically happens in Boston, Massachusetts. In reality, the set is in New York, thus making it a case of <a class='twikilink' href='/pmwiki/pmwiki.php/Main/CaliforniaDoubling' title='/pmwiki/pmwiki.php/Main/CaliforniaDoubling' data-format='Q2FsaWZvcm5pYURvdWJsaW5n'>California Doubling</a>. The only shots filmed in Boston are some establishing shots edited onto the main footage à la B-Roll. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/GakiNoTsukaiYaArahende' title='/pmwiki/pmwiki.php/Series/GakiNoTsukaiYaArahende' data-format='U2VyaWVzL0dha2lOb1RzdWthaVlhQXJhaGVuZGU='>Gaki no Tsukai ya Arahende</a></em>: <a class='urllink' href='https://www.youtube.com/watch?v=ep6IikXqHD8'>Producer Suga<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> tells the group that due to a bit of <a class='twikilink' href='/pmwiki/pmwiki.php/Main/BrokeEpisode' title='/pmwiki/pmwiki.php/Main/BrokeEpisode' data-format='W1tCcm9rZUVwaXNvZGUgIm92ZXJzcGVuZGluZyJdXQ=='>"overspending"</a> in the last episode, the budget for the current episode will only allow the crew to go to a family restaurant for some B-Roll footage and Suga assuming full video editorial duties. The segment shows the crew in a relaxed setting with Suga's edits claiming uncouth things about each individual member. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/Glee' title='/pmwiki/pmwiki.php/Series/Glee' data-format='U2VyaWVzL3t7R2xlZX19'>Glee</a></em>: In <a class='twikilink' href='/pmwiki/pmwiki.php/Recap/GleeS6E10TheRiseAndFallOfSueSylvester' title='/pmwiki/pmwiki.php/Recap/GleeS6E10TheRiseAndFallOfSueSylvester' data-format='W1tSZWNhcC9HbGVlUzZFMTBUaGVSaXNlQW5kRmFsbE9mU3VlU3lsdmVzdGVyICJUaGUgUmlzZSBhbmQgRmFsbCBvZiBTdWUgU3lsdmVzdGVyIl1d'>"The Rise and Fall of Sue Sylvester"</a>, Becky records and sends B-Roll footage of how she's better without Sue. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/TheGreatestAmericanHero' title='/pmwiki/pmwiki.php/Series/TheGreatestAmericanHero' data-format='U2VyaWVzL1RoZUdyZWF0ZXN0QW1lcmljYW5IZXJv'>The Greatest American Hero</a></em>: The opening titles in the pilot are superimposed over B-Roll footage and preliminary action, movie-of-the-week style. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/ItsAlwaysSunnyInPhiladelphia' title='/pmwiki/pmwiki.php/Series/ItsAlwaysSunnyInPhiladelphia' data-format='U2VyaWVzL0l0c0Fsd2F5c1N1bm55SW5QaGlsYWRlbHBoaWE='>It's Always Sunny in Philadelphia</a></em>: The opening credits and cutaway footage of "The Gang Carries a Corpse" heavily feature beautiful green mountains and the sea. Some of it it's actual B-Roll from Ireland where the show is supposedly set. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/KennyVsSpenny' title='/pmwiki/pmwiki.php/Series/KennyVsSpenny' data-format='U2VyaWVzL0tlbm55VnNTcGVubnk='>Kenny vs. Spenny</a></em>: In the "Who Can Survive on an Island the Longest?", there's an extremely <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MaleGaze' title='/pmwiki/pmwiki.php/Main/MaleGaze' data-format='TWFsZUdhemU='>Male Gaze</a>-y B-Roll of shots focused only on the rears of Cuba's finest beach babes. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/Lost' title='/pmwiki/pmwiki.php/Series/Lost' data-format='U2VyaWVzL3t7TG9zdH19'>Lost</a></em>: In the episode "Tricia Tanaka Is Dead", the news crew goes into Mr. Cluck's to shoot some B-Roll footage for a news report on how a meteorite destroyed his chicken. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/TheOfficeUS' title='/pmwiki/pmwiki.php/Series/TheOfficeUS' data-format='U2VyaWVzL1RoZU9mZmljZVVT'>The Office (US)</a></em>: A documentary crew has been <a class='twikilink' href='/pmwiki/pmwiki.php/Main/InUniverse' title='/pmwiki/pmwiki.php/Main/InUniverse' data-format='SW5Vbml2ZXJzZQ=='>In-Universe</a> filming the Scranton office for nine years. All of the footage ends up being used as B-Roll for a planned 90-minute educational film about paper manufacture and production </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/ThePeopleVOJSimpson' title='/pmwiki/pmwiki.php/Series/ThePeopleVOJSimpson' data-format='U2VyaWVzL1RoZVBlb3BsZVZPSlNpbXBzb24='>The People v. O. J. Simpson</a></em>: There are B-Roll shots of indoor and outdoor scenes in Downtown Los Angeles. This footage causes a bit of an <a class='twikilink' href='/pmwiki/pmwiki.php/Main/AnachronismStew' title='/pmwiki/pmwiki.php/Main/AnachronismStew' data-format='QW5hY2hyb25pc21TdGV3'>Anachronism Stew</a> since it depicts landmarks built after O. J. Simpson's trial. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/RuPaulsDragRace' title='/pmwiki/pmwiki.php/Series/RuPaulsDragRace' data-format='U2VyaWVzL1J1UGF1bHNEcmFnUmFjZQ=='>RuPaul's Drag Race</a></em>: As Crystal is getting ready to do her commercial, she does a goofy dance before suddenly stopping and going "Oh yeah". The way the show has edited the scene makes it hard to tell if that was B-Roll for the commercial or if Crystal was trying to shake out her nerves and forgot what she was doing. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Discussed' title='/pmwiki/pmwiki.php/Main/Discussed' data-format='e3tEaXNjdXNzZWR9fQ=='>Discussed</a> in <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/SportsNight' title='/pmwiki/pmwiki.php/Series/SportsNight' data-format='U2VyaWVzL1Nwb3J0c05pZ2h0'>Sports Night</a></em>: <div class='indent'><strong>Sam:</strong> Lead with the Packers, move the Chargers and the Seahawks to the tease, get B-Roll on the Patriots, we can do better than <span class='esc-seq' title='non-wikiword'>LeFlourier</span> in "In Focus", the 8:00 rundown is at 7:30, and if Dan mentions the internet poll one more time, <a class='twikilink' href='/pmwiki/pmwiki.php/Main/AssShove' title='/pmwiki/pmwiki.php/Main/AssShove' data-format='W1tBc3NTaG92ZSBJJiMwMzk7bSBnb25uYSBjcmFtIGEgbW90aGVyYm9hcmQgdXAgaGlzIGJ1dHRdXQ=='>I'm gonna cram a motherboard up his butt</a>. Did I catch the *gist* of the meeting? </div></li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/StrangerThings' title='/pmwiki/pmwiki.php/Series/StrangerThings' data-format='U2VyaWVzL1N0cmFuZ2VyVGhpbmdz'>Stranger Things</a></em>: In the third season's epilogue, there's a television special suggesting a <a class='twikilink' href='/pmwiki/pmwiki.php/Main/SatanicPanic' title='/pmwiki/pmwiki.php/Main/SatanicPanic' data-format='W1tTYXRhbmljUGFuaWMgU2F0YW5pYyBjdWx0XV0='>Satanic cult</a> may be responsible for the strange occurrences at Starcourt Mall. Naturally, this statement is accompanied by B-Roll footage of rolling <span class='esc-seq' title='non-wikiword'>D20s</span>. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/TheUmbrellaAcademy2019' title='/pmwiki/pmwiki.php/Series/TheUmbrellaAcademy2019' data-format='U2VyaWVzL1RoZVVtYnJlbGxhQWNhZGVteTIwMTk='>The Umbrella Academy (2019)</a></em>: There's B-Roll footage of Ben picking up the head of his memorial statue, bemoaning that it doesn't even look like him, and tossing it away. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/TheWestWing' title='/pmwiki/pmwiki.php/Series/TheWestWing' data-format='U2VyaWVzL1RoZVdlc3RXaW5n'>The West Wing</a></em>: <ul ><li> In the episode "The <span class='esc-seq' title='non-wikiword'>US</span> Poet Laureate", President Bartlet is on B-Roll for television interviews with various news outlets from the Mural Room. Made plot-relevant when Bartlet doesn't realize the micro is hot while making a dismissive commentary about fellow politician Robert Ritchie. </li><li> In the episode "The Stackhouse Filibuster", Donna Moss notices something off about a couple of seconds of B-Roll. This allows her to work out why Senator Stackhouse is so devoted to the filibuster and recall the loophole that lets them help him out, thus resolving the whole episode. </li></ul></li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder5');">    Music </div><div id="folder5" class="folder" isfolder="true" style="display:block;"> <ul ><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Music/LadyBaby' title='/pmwiki/pmwiki.php/Music/LadyBaby' data-format='TXVzaWMvTGFkeUJhYnk='>LADYBABY</a>: For the "Lady Baby Blue" music video, Rie literally just edits together random B-Roll and cellphone footage of Rei and herself, some of which is misaligned. Granted, showing candid moments is exactly the point. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Music/NineInchNails' title='/pmwiki/pmwiki.php/Music/NineInchNails' data-format='TXVzaWMvTmluZUluY2hOYWlscw=='>Nine Inch Nails</a>: In the music video of "<a class='urllink' href='https://vimeo.com/3685071'>Burn<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a>", there is B-Roll material of all kinds played in the background — from <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/NaturalBornKillers' title='/pmwiki/pmwiki.php/Film/NaturalBornKillers' data-format='RmlsbS9OYXR1cmFsQm9ybktpbGxlcnM='>Natural Born Killers</a></em> cuts to footage of rotting fruit, an old family movie, the Holocaust, a Nazi rally, animal slaughter, wild animal fights, and domestic abuse. It's quite disturbing to watch. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Music/LaOrejaDeVanGogh' title='/pmwiki/pmwiki.php/Music/LaOrejaDeVanGogh' data-format='TXVzaWMvTGFPcmVqYURlVmFuR29naA=='>La oreja de Van Gogh</a><span class="notelabel" onclick="togglenote('note09fj1');"><sup>Translation</sup></span><span id="note09fj1" class="inlinefolder" isnote="true" onclick="togglenote('note09fj1');" style="cursor:pointer;font-size:smaller;display:none;">Van Gogh's Ear</span>: <ul ><li> The music video of <a class='urllink' href='https://www.youtube.com/watch?v=QmhcdlvUIUY'>"20 de enero"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note1x7qd');"><sup>Translation</sup></span><span id="note1x7qd" class="inlinefolder" isnote="true" onclick="togglenote('note1x7qd');" style="cursor:pointer;font-size:smaller;display:none;">January, 20</span> has a live-action part and an <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Animesque' title='/pmwiki/pmwiki.php/Main/Animesque' data-format='e3thbmltZXNxdWV9fQ=='>animesque</a> part. Superimposed on the former, there's Amaia, the vocalist, performing the song. The story is about a girl who goes to sleep and lives a crazy adventure in her dreams. The protagonist is Amaia, so it's a tad surreal to see her in the B-Roll footage, just beside herself. It's probably on purpose. </li><li> Several of the band's music videos from <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TheNineties' title='/pmwiki/pmwiki.php/Main/TheNineties' data-format='VGhlTmluZXRpZXM='>The '90s</a> and the early <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Noughties' title='/pmwiki/pmwiki.php/Main/Noughties' data-format='e3tOb3VnaHRpZXN9fQ=='>Noughties</a> prominently feature footage of people doing mundane activities. Such as <a class='urllink' href='https://www.youtube.com/watch?v=nYnLVWXmRm8'>"Rosas"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note2nwom');"><sup>Translation</sup></span><span id="note2nwom" class="inlinefolder" isnote="true" onclick="togglenote('note2nwom');" style="cursor:pointer;font-size:smaller;display:none;">Roses</span>, <a class='urllink' href='https://www.youtube.com/watch?v=r73sn8wVHZU'>"Paris"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a>, <a class='urllink' href='https://www.youtube.com/watch?v=yB0dAY6ES50'>"Geografía"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note3kuko');"><sup>Translation</sup></span><span id="note3kuko" class="inlinefolder" isnote="true" onclick="togglenote('note3kuko');" style="cursor:pointer;font-size:smaller;display:none;">Geography</span>, and <a class='urllink' href='https://www.youtube.com/watch?v=WxMuAK4h5Hs'>"Soñaré"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note4no7g');"><sup>Translation</sup></span><span id="note4no7g" class="inlinefolder" isnote="true" onclick="togglenote('note4no7g');" style="cursor:pointer;font-size:smaller;display:none;">I Will Dream</span>. Also, one song from <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TheNewTens' title='/pmwiki/pmwiki.php/Main/TheNewTens' data-format='VGhlTmV3VGVucw=='>The New '10s</a>: <a class='urllink' href='https://www.youtube.com/watch?v=FrQ6nryKJI8'>"La chica del espejo"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note5tkgc');"><sup>Translation</sup></span><span id="note5tkgc" class="inlinefolder" isnote="true" onclick="togglenote('note5tkgc');" style="cursor:pointer;font-size:smaller;display:none;">The Girl on the Mirror</span>. </li><li> <a class='urllink' href='https://www.youtube.com/watch?v=mNbF4N3_xgI'>"Europa VII"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note66xa3');"><sup>Translation</sup></span><span id="note66xa3" class="inlinefolder" isnote="true" onclick="togglenote('note66xa3');" style="cursor:pointer;font-size:smaller;display:none;">Europe VII</span> shows footage of key moments in human History — from the <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/NaziGermany' title='/pmwiki/pmwiki.php/UsefulNotes/NaziGermany' data-format='VXNlZnVsTm90ZXMvTmF6aUdlcm1hbnk='>Nazi Germany</a> concentration camps to <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/TheWarOnTerror' title='/pmwiki/pmwiki.php/UsefulNotes/TheWarOnTerror' data-format='W1tVc2VmdWxOb3Rlcy9UaGVXYXJPblRlcnJvciB0ZXJyb3Jpc3RdXQ=='>terrorist</a> bombings. The lyrics tell the story of a drifting astronaut who knows she's going to die, so she reflects how, from this afar, the Earth looks so tiny, its interpersonal conflicts so petty and inconsequential in the grand scheme of things. </li><li> Quite a few of the music videos from the Leire Era (after the band changed vocalists) are comprised of random cuts of the band preparing for a performance — all the way from disembarking the airplane to setting up the stage clutter. Examples include <a class='urllink' href='https://www.youtube.com/watch?v=7TFaez67p1A'>"Cuando menos lo merezca"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note7zxgi');"><sup>Translation</sup></span><span id="note7zxgi" class="inlinefolder" isnote="true" onclick="togglenote('note7zxgi');" style="cursor:pointer;font-size:smaller;display:none;">When I Least Deserve It</span> and <a class='urllink' href='https://www.youtube.com/watch?v=nVCJ0wyw1ZA'>"Día Cero"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note8cijc');"><sup>Translation</sup></span><span id="note8cijc" class="inlinefolder" isnote="true" onclick="togglenote('note8cijc');" style="cursor:pointer;font-size:smaller;display:none;">Day Zero</span>. </li><li> The music video of <a class='urllink' href='https://www.youtube.com/watch?v=0JxgRLbXoeY'>"Las noches que no mueren"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note93ena');"><sup>Translation</sup></span><span id="note93ena" class="inlinefolder" isnote="true" onclick="togglenote('note93ena');" style="cursor:pointer;font-size:smaller;display:none;">The Nights That Don't Die</span> is entirely comprised of footage of the band members on vacation. Quite the <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MoodWhiplash' title='/pmwiki/pmwiki.php/Main/MoodWhiplash' data-format='TW9vZFdoaXBsYXNo'>Mood Whiplash</a>, what with the song being about a person who has to leave behind her loved ones. </li><li> <a class='urllink' href='https://www.youtube.com/watch?v=06HlaEB27Fw'>"Camino de tu corazón"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note10gt8b');"><sup>Translation</sup></span><span id="note10gt8b" class="inlinefolder" isnote="true" onclick="togglenote('note10gt8b');" style="cursor:pointer;font-size:smaller;display:none;">On the Way to Your Heart</span> is just footage of travel-related stuff (boarding, baggage, passports, etc.) with the song's lyrics and colorful filters slapped onto it. </li><li> The POV character of <a class='urllink' href='https://www.youtube.com/watch?v=j7FIquNQqkc'>"Cometas por el cielo"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note112e8h');"><sup>Translation</sup></span><span id="note112e8h" class="inlinefolder" isnote="true" onclick="togglenote('note112e8h');" style="cursor:pointer;font-size:smaller;display:none;">Comets Across the Sky</span> records <a class='twikilink' href='/pmwiki/pmwiki.php/Main/InUniverse' title='/pmwiki/pmwiki.php/Main/InUniverse' data-format='SW5Vbml2ZXJzZQ=='>In-Universe</a> lots of B-Roll footage of herself and her girlfriend. They are on a road trip doing, you know, lover birds stuff. </li><li> <a class='urllink' href='https://www.youtube.com/watch?v=XfeJlnFTX74'>"Estoy contigo"<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a><span class="notelabel" onclick="togglenote('note12xcq3');"><sup>Translation</sup></span><span id="note12xcq3" class="inlinefolder" isnote="true" onclick="togglenote('note12xcq3');" style="cursor:pointer;font-size:smaller;display:none;">I'm With You</span> has shots of elderly people either by themselves or being shown affection <a class='urllink' href='https://en.wikipedia.org/wiki/Mask_(computing)'>masked<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> over colorful footage of landscapes and urbanscapes. Since the song is about the determination to stick by loved ones suffering from Alzheimer, the masked footage represents precious memories being slowly erased by the disease. </li></ul></li><li> The music video for the <a class='twikilink' href='/pmwiki/pmwiki.php/Creator/JasonDonovan' title='/pmwiki/pmwiki.php/Creator/JasonDonovan' data-format='Q3JlYXRvci9KYXNvbkRvbm92YW4='>Jason Donovan</a> cover of "Any Dream Will Do" included a brief B-roll montage of Jason interacting and having fun with the child actors on set. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder6');">    News Broadcasts </div><div id="folder6" class="folder" isfolder="true" style="display:block;"> <ul ><li> In weather reports, b-roll of all sorts is shown on a big screen at the reporter's side. From <a class='urllink' href='https://en.wikipedia.org/wiki/Weather_map'>weather maps<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> and <a class='urllink' href='https://en.wikipedia.org/wiki/Weather_radar'>radars<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> to footage of the subject places. </li><li> News about financial stories tend to use the B-roll because the new labor figures aren't something you can really film, unlike people standing in an unemployment line or working in a factory. Faces are almost never shown in b-roll when the story deals with sensitive issues like child welfare, adultery, obese/fat people, or any kind of sexual topic- like condoms or teen sex. </li><li> Over time, there have appeared <em>very</em> commonly repeated B-Roll clips on American news, which by subject matter would be: <ul ><li> "Obesity On The Rise in X": Anonymous chubby mid-sections (in slow-mo), which have garnered the nickname "Headless Fatties". </li><li> "Lead Paint Found in Schools": Children at play in the schoolyard. </li><li> "Drug Use On the Rise": Any old rave. And by old, we mean <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TheNineties' title='/pmwiki/pmwiki.php/Main/TheNineties' data-format='VGhlTmluZXRpZXM='>The '90s</a>. </li><li> "Internet Company On the Rise": Very dated <a class='twikilink' href='/pmwiki/pmwiki.php/Main/StockFootage' title='/pmwiki/pmwiki.php/Main/StockFootage' data-format='U3RvY2tGb290YWdl'>Stock Footage</a> of the company's site on a CRT monitor; some older tech companies have videos of their site in Netscape Navigator from 1997. </li><li> "Oil Prices Hit All-Time High": Barrels of oil and shots of refineries, or shots of service stations, gas pumps, and people fueling their cars/trucks—bonus points if the service station is the Mobil on the corner of Beverly and La Cienega Boulevards, which has long been notorious in the <a class='twikilink' href='/pmwiki/pmwiki.php/UsefulNotes/LosAngeles' title='/pmwiki/pmwiki.php/UsefulNotes/LosAngeles' data-format='VXNlZnVsTm90ZXMvTG9zQW5nZWxlcw=='>Los Angeles</a> area for extremely inflated gas prices that look sufficiently alarming in a news story. </li><li> "Airline Fares Expected to Increase": <a class='twikilink' href='/pmwiki/pmwiki.php/Main/LandingGearShot' title='/pmwiki/pmwiki.php/Main/LandingGearShot' data-format='e3tMYW5kaW5nIEdlYXIgU2hvdH19cw=='>Landing Gear Shots</a>, people milling around in an airport. </li><li> "US Automaker Sells Subsidiary": Cars being assembled, new cars in the showroom. Again, dated <a class='twikilink' href='/pmwiki/pmwiki.php/Main/StockFootage' title='/pmwiki/pmwiki.php/Main/StockFootage' data-format='U3RvY2tGb290YWdl'>Stock Footage</a> tends to leap out at the viewer. </li><li> "Flu Vaccine in Short Supply": Vials being produced in a factory, people getting injections. </li><li> "Mammograms Now Recommended for Younger Women": Women getting mammograms, doctors pointing to x-ray images. </li><li> "FDA Approves <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Phlebotinum' title='/pmwiki/pmwiki.php/Main/Phlebotinum' data-format='W1t7e1BobGVib3RpbnVtfX0gUGhsZWJvdGluaWxdXQ=='>Phlebotinil</a> for Public Consumption": Pills whizzing by on a conveyor belt, pharmacists counting pills (almost always with an Abbott Laboratories pill-counting tray, recognizable from its aquamarine color and the company's lowercase-A logo). </li><li> "Tension Between Countries Grows": Flags on poles, stock footage of bombastic military events, and agitated and/or grim-faced faces at political assemblies. </li></ul></li><li> Amid the start of the Russian invasion of Ukraine in 2022, CNN ran B-Roll of air raid sirens over Kyiv as a pre-commercial tease along with a <a class='twikilink' href='/pmwiki/pmwiki.php/Main/MoodWhiplash' title='/pmwiki/pmwiki.php/Main/MoodWhiplash' data-format='TW9vZFdoaXBsYXNo'>Mood Whiplash</a>-inducing advertisement. </li><li> In the Fox News <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/MassEffect1' title='/pmwiki/pmwiki.php/VideoGame/MassEffect1' data-format='VmlkZW9HYW1lL01hc3NFZmZlY3Qx'>Mass Effect</a></em> fiasco, nearly all of the video game's sex scenes were looped, unedited, as the B-Roll of the broadcast. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder7');">    Video Games </div><div id="folder7" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/BloodwingsPumpkinheadsRevenge' title='/pmwiki/pmwiki.php/VideoGame/BloodwingsPumpkinheadsRevenge' data-format='VmlkZW9HYW1lL0Jsb29kd2luZ3NQdW1wa2luaGVhZHNSZXZlbmdl'>Bloodwings: Pumpkinhead's Revenge</a></em>: In the <a class='twikilink' href='/pmwiki/pmwiki.php/Main/AWinnerIsYou' title='/pmwiki/pmwiki.php/Main/AWinnerIsYou' data-format='QVdpbm5lcklzWW91'>A Winner Is You</a> ending, there's a B-Roll of an actor in a Pumpkinhead costume and a pair of sneakers dancing around like an idiot for about 7 seconds. </li><li> The player's guide for <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/EarthBound1994' title='/pmwiki/pmwiki.php/VideoGame/EarthBound1994' data-format='VmlkZW9HYW1lL3t7RWFydGhCb3VuZHwxOTk0fX0='>EarthBound</a></em> features photographic B-Roll alongside the game's screenshots and clay figures. There are even headlines that feature all three of them on the same page, which provokes an <a class='twikilink' href='/pmwiki/pmwiki.php/Main/ArtStyleClash' title='/pmwiki/pmwiki.php/Main/ArtStyleClash' data-format='QXJ0U3R5bGVDbGFzaA=='>Art-Style Clash</a> on the player. </li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/GodOfWarPS4' title='/pmwiki/pmwiki.php/VideoGame/GodOfWarPS4' data-format='VmlkZW9HYW1lL0dvZE9mV2FyUFM0'>God of War (PS4)</a></em>: B-Roll footage shows Suljic to be quite nervous working on the game's mo-cap. Cory Barlog and crew are seen repeatedly comforting and encouraging Suljic and it's clear they are doing everything they can to make the experience comfortable and fun for young Sunny. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder8');">    Web Animation </div><div id="folder8" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WebAnimation/Shed17' title='/pmwiki/pmwiki.php/WebAnimation/Shed17' data-format='V2ViQW5pbWF0aW9uL1NoZWQxNw=='>Shed 17</a></em>: After the Biofusion experiments are applied to tanks, with their faces covered during combat, it's said that the only giveaway was the cries of discomfort whenever a tank's main gun was fired or they took damage. What follows is a B-Roll of various tanks test-firing as the tank curses audibly. Later, when the military gets called in to stop G-1, these tanks are used in their efforts with multiple curses being heard as they fire. </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder9');">    Web Videos </div><div id="folder9" class="folder" isfolder="true" style="display:block;"> <ul ><li> Some types of <a class='twikilink' href='/pmwiki/pmwiki.php/Website/Youtube' title='/pmwiki/pmwiki.php/Website/Youtube' data-format='V2Vic2l0ZS97e1lvdXR1YmV9fQ=='>Youtube</a> channels are prone to using this. Remember that <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TropesAreTools' title='/pmwiki/pmwiki.php/Main/TropesAreTools' data-format='VHJvcGVzQXJlVG9vbHM='>Tropes Are Tools</a> so, for this kind of content, B-Roll footage actually enriches or is key for the format. For example: <ul ><li> Edutubers, i.e., Youtubers whose content is education-oriented. Footage of the thing they are explaining (<span class='esc-seq' title='non-wikiword'>DRONE</span> shots of a building, stuff filmed from a microscope, etc.) is ubiquitous. </li><li> Youtubers who make video essays, especially if the subject at hand is a story in audiovisual format. </li><li> Vines are looping video clips that only last a few seconds, are often memetic, and shamelessly used by <a class='twikilink' href='/pmwiki/pmwiki.php/Main/YouTubers' title='/pmwiki/pmwiki.php/Main/YouTubers' data-format='WW91VHViZXJz'>YouTubers</a> of any kind. They are, after all, prime comedy material even if you are talking about science. </li><li> <a class='urllink' href='https://en.wikipedia.org/wiki/Reaction_video'>Reaction videos<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> rely entirely on B-Rolls. As their name suggests, they are about people reacting to stuff recorded by third parties — from audiovisual works to music videos to vines. </li></ul></li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/BestOfTheWorst' title='/pmwiki/pmwiki.php/WebVideo/BestOfTheWorst' data-format='V2ViVmlkZW8vQmVzdE9mVGhlV29yc3Q='>Best of the Worst</a>: The opening of <em>Rock n' Roll Nightmare</em> baffles the staff for how weirdly it is put together. The plot begins with shots cutting between the band driving to the house the movie takes place in and panning, exterior shots of the house itself. They call this exactly the type of footage that would be used for a movie's opening credits sequence... the problem being that this is <em>after</em> the movie's actual opening credits, which was instead played over footage that appeared to have been shot by strapping a camera to a cat. The result is several minutes of uninterrupted B-Roll footage for no apparent reason. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/CinemaSins' title='/pmwiki/pmwiki.php/WebVideo/CinemaSins' data-format='V2ViVmlkZW8vQ2luZW1hU2lucw=='>CinemaSins</a>: <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Conversed' title='/pmwiki/pmwiki.php/Main/Conversed' data-format='e3tDb252ZXJzZWR9fQ=='>Conversed</a> in the review of <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/TheKarateKid2010' title='/pmwiki/pmwiki.php/Film/TheKarateKid2010' data-format='RmlsbS9UaGVLYXJhdGVLaWQyMDEw'>The Karate Kid (2010)</a></em>: <div class='indent'><strong>Jeremy:</strong> I think they just filmed B-Roll footage of the actors and spliced it into the movie. </div></li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/Civvie11' title='/pmwiki/pmwiki.php/WebVideo/Civvie11' data-format='V2ViVmlkZW8vQ2l2dmllMTE='>Civvie 11</a>: In the <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/Scratches' title='/pmwiki/pmwiki.php/VideoGame/Scratches' data-format='VmlkZW9HYW1lL3t7U2NyYXRjaGVzfX0='>Scratches</a></em> review, instead of putting some B-Roll of the game for the credits, Civvie takes the opportunity to talk briefly about two demos he'd played. In the first, <em>Fallen Aces</em>, Civvie is hesitant to say anything about it because it's a New Blood game and, in his own words, "New Blood keeps putting up quotes about my dick on the store page". Said quote is now on the Steam page for <em>Fallen Aces</em>. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/Defunctland' title='/pmwiki/pmwiki.php/WebVideo/Defunctland' data-format='V2ViVmlkZW8ve3tEZWZ1bmN0bGFuZH19'>Defunctland</a>: While the coverage for <a class='twikilink' href='/pmwiki/pmwiki.php/Ride/ActionPark' title='/pmwiki/pmwiki.php/Ride/ActionPark' data-format='UmlkZS9BY3Rpb25QYXJr'>Action Park</a> is generally fairly grim (since six people actually <em>died</em> at the park and numerous other people suffered serious injuries while there), Kevin tries to add a bit of levity via some written text on the B-Roll. </li><li> <a class='createlink' rel='nofollow' href='/pmwiki/pmwiki.php/WebVideo/Gligar13Vids' title='/pmwiki/pmwiki.php/WebVideo/Gligar13Vids' data-format='V2ViVmlkZW8vR2xpZ2FyMTNWaWRz'>Gligar 13 Vids</a> has a tendency to insert <em><a class='twikilink' href='/pmwiki/pmwiki.php/Franchise/Halo' title='/pmwiki/pmwiki.php/Franchise/Halo' data-format='RnJhbmNoaXNlL3t7SGFsb319'>Halo</a></em> footage on his videos. He likes that franchise quite a lot, so it's natural that he goes referencing it. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/ItsAliveWithBrad' title='/pmwiki/pmwiki.php/WebVideo/ItsAliveWithBrad' data-format='V2ViVmlkZW8vSXRzQWxpdmVXaXRoQnJhZA=='>It's Alive! with Brad</a>: <ul ><li> On one occasion, Brad's outro monologue gets jumbled. He ends up repeating most of it and Hunzi gets annoyed at having to loop the background music. It ends with Brad entering sarcasm mode. <div class='indent'><strong>Brad</strong>: "It's so much more than just olive oil."<br data-format="\\" /><em><a class='twikilink' href='/pmwiki/pmwiki.php/Main/SarcasmMode' title='/pmwiki/pmwiki.php/Main/SarcasmMode' data-format='W1tTYXJjYXNtTW9kZSBZb3UmIzAzOTtyZSB0ZWxsaW5nIG1lLl1d'>You're telling me.</a></em><br data-format="\\" /><em>I'm running low on B-Roll...</em> </div></li><li> One time, Brad <a class='twikilink' href='/pmwiki/pmwiki.php/Main/Parodies' title='/pmwiki/pmwiki.php/Main/Parodies' data-format='e3twYXJvZGllc319'>parodies</a> this: <div class='indent'>"Alright for the next- ...That's not an episode." *B-roll of surfers* "Alright for the next- ..." *Replay B-roll of surfers* "For our next, uh..." *More B-roll of surfers* </div></li></ul></li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/Creator/JamesRolfe' title='/pmwiki/pmwiki.php/Creator/JamesRolfe' data-format='Q3JlYXRvci9KYW1lc1JvbGZl'>James Rolfe</a> has made <a class='urllink' href='https://www.youtube.com/watch?v=oA6_my28pj4'>a comprehensive video<img src="https://static.tvtropes.org/pmwiki/pub/external_link.gif" height="12" width="12" style="border:none;" /></a> about all the films and TV series shot at Bronson Canyon. He accompanies it with lots of B-Roll he recorded while in the location for visual reference. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/MisterPlinkettReviews' title='/pmwiki/pmwiki.php/WebVideo/MisterPlinkettReviews' data-format='V2ViVmlkZW8vTWlzdGVyUGxpbmtldHRSZXZpZXdz'>Mr. Plinkett Reviews</a>: The <em><a class='twikilink' href='/pmwiki/pmwiki.php/Series/StarTrekPicard' title='/pmwiki/pmwiki.php/Series/StarTrekPicard' data-format='U2VyaWVzL1N0YXJUcmVrUGljYXJk'>Star Trek: Picard</a></em> review utilizes jaw-dropping storyboards and illustrations by friends of the show <a class='twikilink' href='/pmwiki/pmwiki.php/ComicBook/BatmanTeenageMutantNinjaTurtles' title='/pmwiki/pmwiki.php/ComicBook/BatmanTeenageMutantNinjaTurtles' data-format='W1tDb21pY0Jvb2svQmF0bWFuVGVlbmFnZU11dGFudE5pbmphVHVydGxlcyBGcmVkZGllIFdpbGxpYW1zIElJSV1d'>Freddie Williams III</a> as B-Roll. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/PhilosophyTube' title='/pmwiki/pmwiki.php/WebVideo/PhilosophyTube' data-format='V2ViVmlkZW8vUGhpbG9zb3BoeVR1YmU='>Philosophy Tube</a>: In the "Ben Shapiro and Abortion" video, the B-Roll footage shows Abi drenching chicken eggs in some white cream, with the caption "This educational clip is fully compliant with Alabama Code Title 16 on Sexual Education". </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/TheNSCL' title='/pmwiki/pmwiki.php/WebVideo/TheNSCL' data-format='V2ViVmlkZW8vVGhlTlNDTA=='>The NSCL</a>: In the review of <em><a class='twikilink' href='/pmwiki/pmwiki.php/VideoGame/DeadRising3' title='/pmwiki/pmwiki.php/VideoGame/DeadRising3' data-format='VmlkZW9HYW1lL0RlYWRSaXNpbmcz'>Dead Rising 3</a></em>, Niskel switches to B-Roll to demonstrate the boss fight with Red to show how the fight works. The reason? He upgraded Nick so much, that the fight against Red is a <em><a class='twikilink' href='/pmwiki/pmwiki.php/Main/CurbStompBattle' title='/pmwiki/pmwiki.php/Main/CurbStompBattle' data-format='Q3VyYlN0b21wQmF0dGxl'>Curb-Stomp Battle</a></em> in Niskel's favor in the main roll. </li><li> <a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/TVHeaven' title='/pmwiki/pmwiki.php/WebVideo/TVHeaven' data-format='V2ViVmlkZW8vVFZIZWF2ZW4='>TV Heaven</a>: <div class='indent'><strong>Brad:</strong> Today, though, we're focusing on <em>The Myth of Safe Sex</em>. Or possibly B-Roll from <em><a class='twikilink' href='/pmwiki/pmwiki.php/Film/CannibalTheMusical' title='/pmwiki/pmwiki.php/Film/CannibalTheMusical' data-format='RmlsbS9DYW5uaWJhbFRoZU11c2ljYWw='>Cannibal! The Musical</a></em>, one of the two. </div></li><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WebVideo/WinterOf83' title='/pmwiki/pmwiki.php/WebVideo/WinterOf83' data-format='V2ViVmlkZW8vV2ludGVyT2Y4Mw=='>Winter of '83</a></em>: "Late Night Movie" features an unnamed woman recording B-Roll of a snow-covered park for the station, who (knowing her audio would eventually get removed in post-production) takes the time to tell her boyfriend, Alan, how grateful she is for him, and accepts the proposal he had given to her recently... <a class='twikilink' href='/pmwiki/pmwiki.php/Main/KickTheDog' title='/pmwiki/pmwiki.php/Main/KickTheDog' data-format='W1tLaWNrVGhlRG9nIGFuZCB0aGVuIHNoZSBzdHVtYmxlcyBhY3Jvc3Mgb25lIG9mIHRoZSBjcmVhdHVyZXMsIGFuZCBpcyBraWxsZWQuXV0='>and then she stumbles across one of the creatures, and is killed.</a> </li></ul></div> </p><p><div class="folderlabel" onclick="togglefolder('folder10');">    Western Animation </div><div id="folder10" class="folder" isfolder="true" style="display:block;"> <ul ><li> <em><a class='twikilink' href='/pmwiki/pmwiki.php/WesternAnimation/StevenUniverse' title='/pmwiki/pmwiki.php/WesternAnimation/StevenUniverse' data-format='V2VzdGVybkFuaW1hdGlvbi9TdGV2ZW5Vbml2ZXJzZQ=='>Steven Universe</a></em>: In May 2018, CN released their first Drawn Podcast, an interview with Rebecca Sugar and Ian Jones-Quartey with spoilerish B-Roll clips of the two-episode special "Reunited". </li></ul></div> <hr data-format='——' /> <dl><dd><div class='indent'>As a voice narrates these tropes, footage of <a class='twikilink' href='/pmwiki/pmwiki.php/Main/TropeyTheWonderDog' title='/pmwiki/pmwiki.php/Main/TropeyTheWonderDog' data-format='VHJvcGV5VGhlV29uZGVyRG9n'>Tropey the Wonder Dog</a> being cute is being passed. </div></dd></dl><hr data-format='——' /> </p></div> <div class="section-links" itemscope itemtype="http://schema.org/SiteNavigationElement"> <div class="titles"> <div><h3 class="text-center text-uppercase">Previous</h3></div> <div><h3 class="text-center text-uppercase">Index</h3></div> <div><h3 class="text-center text-uppercase">Next</h3></div> </div> <div class="links"> <ul> <li> <a href="/pmwiki/pmwiki.php/Main/AreWeGettingThis">Are We Getting This?</a> </li> <li> <a href="/pmwiki/pmwiki.php/Main/NewsTropes">News Tropes</a> </li> <li> <a href="/pmwiki/pmwiki.php/Main/BRollRebus">B-Roll Rebus</a> </li> </ul> <ul> <li> <a href="/pmwiki/pmwiki.php/Main/AreWeGettingThis">Are We Getting This?</a> </li> <li> <a href="/pmwiki/pmwiki.php/Main/NewsBroadcast">News Broadcast</a> </li> <li> <a href="/pmwiki/pmwiki.php/Main/BRollRebus">B-Roll Rebus</a> </li> </ul> <ul> <li> <a href="/pmwiki/pmwiki.php/Main/FairyInABottle">Fairy in a Bottle</a> </li> <li> <a href="/pmwiki/pmwiki.php/ImageSource/Internet">ImageSource/Internet</a> </li> <li> <a href="/pmwiki/pmwiki.php/Website/TED">Ted</a> </li> </ul> <ul> <li> <a href="/pmwiki/pmwiki.php/UsefulNotes/SuperBowl">Super Bowl</a> </li> <li> <a href="/pmwiki/pmwiki.php/Main/AdvertisingTropes">Advertising Tropes</a> </li> <li> <a href="/pmwiki/pmwiki.php/Series/MadMen">Mad Men</a> </li> </ul> </div> </div> <div id="proper_player_insert_div" class="outer_ads_by_salon_wrapper"> </div> <script> if( document.getElementById('user-prefs').classList.contains('folders-open') ){ console.log('open all folders'); var elements = document.querySelectorAll('.folderlabel, .toggle-all-folders-button'); elements.forEach((element) => { element.classList.add('is-open'); }); } </script> <script> function insert_ad(adCount, paragraph, adName, folder = 0){ var ad_count = adCount < 10 ? "0"+adCount : adCount; var inside_folder = folder ? "1" : "0"; // Create element for ad unit var adUnit = document.createElement('div'); adUnit.setAttribute("class", `htlad-${adName}`); adUnit.setAttribute("id", `${adName}_${adCount}`); adUnit.setAttribute("data-targeting", `{"slot_number": "${ad_count}", "in_folder": "${inside_folder}"}`); // Add Advertisement label var adLabel = document.createElement("span"); adLabel.innerHTML = "Advertisement:" adLabel.setAttribute("class","ad-caption"); var adWrapper = document.createElement("div"); adWrapper.setAttribute("class","tvtropes-ad-unit mobile-fad square_fad mobile_unit_scroll"); adWrapper.setAttribute("id","mobile_"+adCount); // Merge all pieces adWrapper.appendChild(adLabel); adWrapper.appendChild(adUnit); // Insert into DOM paragraph.parentNode.insertBefore(adWrapper, paragraph.nextSibling); // for getting correct ad count even when ones are deleted globalAdInsertionCount++; } function insert_ads_in_content(folder = 0, totalAdsCount = 0, pHeight = 0) { if(folder) var node = folder.firstElementChild; // Get the first traversable element of the folder else var node = document.getElementById("main-article").firstElementChild; var pCount = 0; var adCount = totalAdsCount + 1; var nodeCount = 0; var nodeLevel = 0; var x = 0; //loop through elements of content while(x<300) { x++; nodeCount++; //traverse to the next element (if exists) if(nodeCount>1) { if(!node.nextElementSibling) { console.log('adparser: no next element'); if(nodeLevel>0) { nodeLevel--; node = node.parentElement; console.log('adparser: we were down a level, go back up ('+nodeLevel+')'); continue; } else { break; } } node = node.nextElementSibling; } //skip inserted ads or empty nodes if(!node || node==="null" || typeof node !== "object") continue; if(!node.offsetHeight || node.offsetHeight==0) continue; if(node.className && node.className.includes('tvtropes-ad-unit')) continue; //skip if image block that has a caption after it (NEW: ALWAYS SKIP THE IMAGE BLOCK) if(node.className && node.className.includes('quoteright')) { // if(node.nextElementSibling && node.nextElementSibling.className && node.nextElementSibling.className.includes('acaptionright')) { pHeight += node.offsetHeight; continue; // } } //if very large element, loop through elements inside if(node.offsetHeight>700 && node.firstElementChild) { nodeLevel++; console.log('adparser: traverse through large element='+node.nodeName+', height='+node.offsetHeight+' level='+nodeLevel); node = node.firstElementChild; nodeCount = 0; continue; } // Skip if after a folder label or if the current node is a folder label itself if ((node.previousElementSibling && node.previousElementSibling.className && node.previousElementSibling.className.includes("folderlabel")) || (node.className && node.className.includes("folderlabel"))) { console.log('adparser: skipping ad insertion related to folder label'); if (!node.className || !node.className.includes("folderlabel")) { // If it's not the folder label itself, skip the insertion continue; } else { pHeight += node.offsetHeight; // If it is the folder label, just add its height to pHeight and continue continue; } } //paragraph counter if(node.nodeName=="P") pCount++; //add height of node to counter pHeight += node.offsetHeight; //add margin of node to counter if available try { var nodeStyle = getComputedStyle(node); if(nodeStyle.marginTop && parseInt(nodeStyle.marginTop)>0) pHeight+=parseInt(nodeStyle.marginTop); if(nodeStyle.marginBottom && parseInt(nodeStyle.marginBottom)>0) pHeight+=parseInt(nodeStyle.marginBottom); //console.log(nodeStyle.marginTop+','+nodeStyle.marginBottom); } catch(e) { } //debug logging console.log('adparser: name='+node.nodeName+', height='+node.offsetHeight+' =>'+pHeight); //console.log(node.className); // check if user is logged in var logged_in = 0; // Calculate the required height based on the user's logged-in status or ad count var requiredHeight = globalAdInsertionCount > 15 ? 1500 : 750; if(logged_in) requiredHeight = 2250; // only inserts an ad if the total height and paragraph count conditions are met if ((adCount === 1 && pCount >= 1 && pHeight >= 400) || pHeight >= requiredHeight) { // Check existing ad positions and compare with the item about to be inserted after var ads = document.querySelectorAll('.tvtropes-ad-unit'); var nodeBottomPosition = node.getBoundingClientRect().bottom + window.scrollY; // Get bottom position of current node var canInsertAd = true; // Flag to track if we can insert an ad ads.forEach(function (ad) { var adTop = ad.getBoundingClientRect().top + window.scrollY; var adBottom = ad.getBoundingClientRect().bottom + window.scrollY; // Ensure the new ad is at least requiredHeight away from any existing ads if (Math.abs(nodeBottomPosition - adTop) < requiredHeight || Math.abs(nodeBottomPosition - adBottom) < requiredHeight) { canInsertAd = false; console.log('adparser: cannot insert ad, not enough space between ads.'); } }); // If we can't insert an ad, skip to the next node if(!canInsertAd) continue; // after 50 ads, stop inserting. Or after 20 ads if the user is logged in if ((adCount > 50 || (adCount > 20 && logged_in))) { break; } console.log('adparser: insert ad '+adCount); insert_ad(adCount, node, "tvtropes_m_incontent_dynamic", folder); adCount++; pHeight = 0; pCount = 0; } } //insert one at end if room var maxpHeight = 500; if(logged_in) maxpHeight=1500; if(pHeight>=maxpHeight && folder==0) { console.log('adparser: insert ad'); insert_ad(adCount, document.getElementById("main-article").lastElementChild, "tvtropes_m_incontent_dynamic"); } // delete ads after the 8th one to reduce load times BCLighthouseTag.cmd.push(function() { googletag.cmd.push(function() { googletag.pubads().addEventListener('slotRequested', function(event) { const slot = event.slot; const slotName = slot.getAdUnitPath().split('/').pop() || slot.getAdUnitPath(); if(slotName === 'tvtropes_m_incontent_dynamic') { const slotNumber = parseInt(slot.getTargeting('slot_number')[0]); console.log(slotName+' = '+slotNumber); // Determine the ad slot that needs to be deleted. const adNumberToDelete = slotNumber - 8; if(adNumberToDelete > 0) { const adToDelete = document.getElementById(`mobile_${adNumberToDelete}`); if(adToDelete) { var adHeight = window.pageYOffset + adToDelete.getBoundingClientRect().top; var windowHeight = window.scrollY; // Check if the ad element exists and is above the current viewport (above the fold). if (adHeight < windowHeight) { console.log('ad delete = '+adNumberToDelete); adToDelete.remove(); } } } } }); }); }); // return pHeight return pHeight; } if(1 && (document.body.clientWidth && document.body.clientWidth<=768) ) { insert_ads_in_content(); } </script> </article> <div id="main-content-sidebar"><div class="sidebar-item display-options"> <ul class="sidebar display-toggles"> <li>Show Spoilers <div id="sidebar-toggle-showspoilers" class="display-toggle show-spoilers"></div></li> <li>Night Vision <div id="sidebar-toggle-nightvision" class="display-toggle night-vision"></div></li> <li>Sticky Header <div id="sidebar-toggle-stickyheader" class="display-toggle sticky-header"></div></li> <li>Wide Load <div id="sidebar-toggle-wideload" class="display-toggle wide-load"></div></li> </ul> <script>updateDesktopPrefs();</script> </div> <div class="sidebar-item quick-links" itemtype="http://schema.org/SiteNavigationElement"> <p class="sidebar-item-title" data-title="Important Links">Important Links</p> <div class="padded"> <a href="/pmwiki/query.php?type=att">Ask The Tropers</a> <a href="/pmwiki/query.php?type=tf">Trope Finder</a> <a href="/pmwiki/query.php?type=ykts">Media Finder</a> <a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a> <a href="/pmwiki/query.php?type=wl">Tech Wishlist</a></li> <a href="/pmwiki/review_activity.php">Reviews</a> <a href="/pmwiki/ad-free-subscribe.php">Go Ad Free!</a> <div class="crucial_browsing_dropdown"> <a href="javascript:void(0);" onclick="double_dropdown(); return false;" id="crucial_browsing_dropdown"><span class="new_blue">Crucial Browsing</span><i class="fa fa-angle-down"></i></a> <ul id="main_dropdown"> <li class="first_dropdown"><a href="/pmwiki/index_report.php">Indexes</a> <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Genre</a> <ul> <li><a href='/pmwiki/pmwiki.php/Main/ActionAdventureTropes' title='Main/ActionAdventureTropes'>Action Adventure</a></li> <li><a href='/pmwiki/pmwiki.php/Main/ComedyTropes' title='Main/ComedyTropes'>Comedy</a></li> <li><a href='/pmwiki/pmwiki.php/Main/CommercialsTropes' title='Main/CommercialsTropes'>Commercials</a></li> <li><a href='/pmwiki/pmwiki.php/Main/CrimeAndPunishmentTropes' title='Main/CrimeAndPunishmentTropes'>Crime & Punishment</a></li> <li><a href='/pmwiki/pmwiki.php/Main/DramaTropes' title='Main/DramaTropes'>Drama</a></li> <li><a href='/pmwiki/pmwiki.php/Main/HorrorTropes' title='Main/HorrorTropes'>Horror</a></li> <li><a href='/pmwiki/pmwiki.php/Main/LoveTropes' title='Main/LoveTropes'>Love</a></li> <li><a href='/pmwiki/pmwiki.php/Main/NewsTropes' title='Main/NewsTropes'>News</a></li> <li><a href='/pmwiki/pmwiki.php/Main/ProfessionalWrestling' title='Main/ProfessionalWrestling'>Professional Wrestling</a></li> <li><a href='/pmwiki/pmwiki.php/Main/SpeculativeFictionTropes' title='Main/SpeculativeFictionTropes'>Speculative Fiction</a></li> <li><a href='/pmwiki/pmwiki.php/Main/SportsStoryTropes' title='Main/SportsStoryTropes'>Sports Story</a></li> <li><a href='/pmwiki/pmwiki.php/Main/WarTropes' title='Main/WarTropes'>War</a></li> </ul> </li> <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Media</a> <ul> <li><a href="/pmwiki/pmwiki.php/Main/Media" title="Main/Media">All Media</a></li> <li><a href="/pmwiki/pmwiki.php/Main/AnimationTropes" title="Main/AnimationTropes">Animation (Western)</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Anime" title="Main/Anime">Anime</a></li> <li><a href="/pmwiki/pmwiki.php/Main/ComicBookTropes" title="Main/ComicBookTropes">Comic Book</a></li> <li><a href="/pmwiki/pmwiki.php/Main/FanFic" title="FanFic/FanFics">Fan Fics</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Film" title="Main/Film">Film</a></li> <li><a href="/pmwiki/pmwiki.php/Main/GameTropes" title="Main/GameTropes">Game</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Literature" title="Main/Literature">Literature</a></li> <li><a href="/pmwiki/pmwiki.php/Main/MusicAndSoundEffects" title="Main/MusicAndSoundEffects">Music And Sound Effects</a></li> <li><a href="/pmwiki/pmwiki.php/Main/NewMediaTropes" title="Main/NewMediaTropes">New Media</a></li> <li><a href="/pmwiki/pmwiki.php/Main/PrintMediaTropes" title="Main/PrintMediaTropes">Print Media</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Radio" title="Main/Radio">Radio</a></li> <li><a href="/pmwiki/pmwiki.php/Main/SequentialArt" title="Main/SequentialArt">Sequential Art</a></li> <li><a href="/pmwiki/pmwiki.php/Main/TabletopGames" title="Main/TabletopGames">Tabletop Games</a></li> <li><a href="/pmwiki/pmwiki.php/MediaNotes/Television" title="MediaNotes/Television">Television</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Theater" title="Main/Theater">Theater</a></li> <li><a href="/pmwiki/pmwiki.php/Main/VideogameTropes" title="Main/VideogameTropes">Videogame</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Webcomics" title="Main/Webcomics">Webcomics</a></li> </ul> </li> <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Narrative</a> <ul> <li><a href="/pmwiki/pmwiki.php/Main/UniversalTropes" title="Main/UniversalTropes">Universal</a></li> <li><a href="/pmwiki/pmwiki.php/Main/AppliedPhlebotinum" title="Main/AppliedPhlebotinum">Applied Phlebotinum</a></li> <li><a href="/pmwiki/pmwiki.php/Main/CharacterizationTropes" title="Main/CharacterizationTropes">Characterization</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Characters" title="Main/Characters">Characters</a></li> <li><a href="/pmwiki/pmwiki.php/Main/CharactersAsDevice" title="Main/CharactersAsDevice">Characters As Device</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Dialogue" title="Main/Dialogue">Dialogue</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Motifs" title="Main/Motifs">Motifs</a></li> <li><a href="/pmwiki/pmwiki.php/Main/NarrativeDevices" title="Main/NarrativeDevices">Narrative Devices</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Paratext" title="Main/Paratext">Paratext</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Plots" title="Main/Plots">Plots</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Settings" title="Main/Settings">Settings</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Spectacle" title="Main/Spectacle">Spectacle</a></li> </ul> </li> <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Other Categories</a> <ul> <li><a href="/pmwiki/pmwiki.php/Main/BritishTellyTropes" title="Main/BritishTellyTropes">British Telly</a></li> <li><a href="/pmwiki/pmwiki.php/Main/TheContributors" title="Main/TheContributors">The Contributors</a></li> <li><a href="/pmwiki/pmwiki.php/Main/CreatorSpeak" title="Main/CreatorSpeak">Creator Speak</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Creators" title="Main/Creators">Creators</a></li> <li><a href="/pmwiki/pmwiki.php/Main/DerivativeWorks" title="Main/DerivativeWorks">Derivative Works</a></li> <li><a href="/pmwiki/pmwiki.php/Main/LanguageTropes" title="Main/LanguageTropes">Language</a></li> <li><a href="/pmwiki/pmwiki.php/Main/LawsAndFormulas" title="Main/LawsAndFormulas">Laws And Formulas</a></li> <li><a href="/pmwiki/pmwiki.php/Main/ShowBusiness" title="Main/ShowBusiness">Show Business</a></li> <li><a href="/pmwiki/pmwiki.php/Main/SplitPersonalityTropes" title="Main/SplitPersonalityTropes">Split Personality</a></li> <li><a href="/pmwiki/pmwiki.php/Main/StockRoom" title="Main/StockRoom">Stock Room</a></li> <li><a href="/pmwiki/pmwiki.php/Main/TropeTropes" title="Main/TropeTropes">Trope</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Tropes" title="Main/Tropes">Tropes</a></li> <li><a href="/pmwiki/pmwiki.php/Main/TruthAndLies" title="Main/TruthAndLies">Truth And Lies</a></li> <li><a href="/pmwiki/pmwiki.php/Main/TruthInTelevision" title="Main/TruthInTelevision">Truth In Television</a></li> </ul> </li> <li class="first_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Topical Tropes</a> <ul> <li><a href="/pmwiki/pmwiki.php/Main/BetrayalTropes" title="Main/BetrayalTropes">Betrayal</a></li> <li><a href="/pmwiki/pmwiki.php/Main/CensorshipTropes" title="Main/CensorshipTropes">Censorship</a></li> <li><a href="/pmwiki/pmwiki.php/Main/CombatTropes" title="Main/CombatTropes">Combat</a></li> <li><a href="/pmwiki/pmwiki.php/Main/DeathTropes" title="Main/DeathTropes">Death</a></li> <li><a href="/pmwiki/pmwiki.php/Main/FamilyTropes" title="Main/FamilyTropes">Family</a></li> <li><a href="/pmwiki/pmwiki.php/Main/FateAndProphecyTropes" title="Main/FateAndProphecyTropes">Fate And Prophecy</a></li> <li><a href="/pmwiki/pmwiki.php/Main/FoodTropes" title="Main/FoodTropes">Food</a></li> <li><a href="/pmwiki/pmwiki.php/Main/HolidayTropes" title="Main/HolidayTropes">Holiday</a></li> <li><a href="/pmwiki/pmwiki.php/Main/MemoryTropes" title="Main/MemoryTropes">Memory</a></li> <li><a href="/pmwiki/pmwiki.php/Main/MoneyTropes" title="Main/MoneyTropes">Money</a></li> <li><a href="/pmwiki/pmwiki.php/Main/MoralityTropes" title="Main/MoralityTropes">Morality</a></li> <li><a href="/pmwiki/pmwiki.php/Main/PoliticsTropes" title="Main/PoliticsTropes">Politics</a></li> <li><a href="/pmwiki/pmwiki.php/Main/ReligionTropes" title="Main/ReligionTropes">Religion</a></li> <li><a href="/pmwiki/pmwiki.php/Main/SchoolTropes" title="Main/SchoolTropes">School</a></li> </ul> </li> </ul> </div> <div class="resources_dropdown"> <a href="javascript:void(0);" onclick="second_double_dropdown(); return false;" id="resources_dropdown"><span class="new_blue blue">Resources</span><i class="fa fa-angle-down"></i></a> <ul id="second_main_dropdown" class="padded font-s" itemscope itemtype="http://schema.org/SiteNavigationElement"> <li class="second_dropdown"><a href="#test" data-click-toggle="active">Tools</a> <ul> <li><a href="/pmwiki/pmwiki.php/Administrivia/IttyBittyWikiTools">Wiki Tools</a></li> <li><a href="/pmwiki/cutlist.php" data-modal-target="login" rel="nofollow">Cut List</a></li> <li><a href="/pmwiki/image-fixer.php" data-modal-target="login" rel="nofollow">Image Fixer</a></li> <li><a href="/pmwiki/changes.php">New Edits</a></li> <li><a href="/pmwiki/articles_new.php">New Articles</a></li> <li><a href="/pmwiki/recent_edit_reasons.php">Edit Reasons</a></li> <li><a href="/pmwiki/isolated_pages.php">Isolated Pages</a></li> <li><a href="/pmwiki/launches.php" data-modal-target="login" rel="nofollow">Launches</a></li> <li><a href="/pmwiki/img_list.php" data-modal-target="login" rel="nofollow">Images List</a></li> <li><a href="/pmwiki/recent_videos.php">Recent Videos</a></li> <li><a href="/pmwiki/crown_activity.php">Crowner Activity</a></li> <li><a href="/pmwiki/no_types.php">Un-typed Pages</a></li> <li><a href="/pmwiki/page_type_audit.php">Recent Page Type Changes</a></li> </ul> </li> <li class="second_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Templates</a> <ul> <li><a href="/pmwiki/pmwiki.php/Main/TropeEntryTemplate">Trope Entry</a></li> <li><a href="/pmwiki/pmwiki.php/Main/ProgramEntryTemplate">Works</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/CharacterSheetTemplate">Character Sheet</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/PlayingWithWikiTemplate">Playing With</a></li> <li><a href="/pmwiki/pmwiki.php/FanficRecs/TemplatePageForNewFandomRecommendations">Fandom</a></li> </ul> </li> <li class="second_dropdown"><a href="javascript:void(0);" data-click-toggle="active">Tips</a> <ul> <li><a href="/pmwiki/pmwiki.php/Administrivia/CreatingNewRedirects">Creating New Redirects</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/Crosswicking">Cross Wicking</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TipsForEditing">Tips for Editing</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TextFormattingRules">Text Formatting Rules</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TVTropesGlossary">Glossary</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/EditReasonsAndWhyYouShouldUseThem">Edit Reasons</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/HandlingSpoilers">Handling Spoilers</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/WordCruft">Word Cruft</a></li> <li><a href="/pmwiki/pmwiki.php/Main/Administrivia">Administrivia</a></li> <li><a href="/pmwiki/pmwiki.php/Main/FAQ">FAQ</a></li> </ul> </li> <li class="second_dropdown"><a href="/pmwiki/changelog.php">Changelog</a></li> <li class="second_dropdown"><a href="/pmwiki/query.php?type=bug">Report Bug</a></li> <li class="second_dropdown"><a href="/pmwiki/conversations.php?topic=renames">Trope Repair Shop</a></li> <li class="second_dropdown"><a href="/pmwiki/conversations.php?topic=images">Image Pickin'</a></li> </ul> </div> </div> <div id="asteri-sidebar" style="display:none"> <p style="margin-top: 20px;" class="sidebar-item-title" data-title="Advertisement">Advertisement:</p> <div id="asteri_cont"></div> </div> <script> //asteri enabled if((tvtropes_config.asteri_stream_enabled || tvtropes_config.get_asteri_stream == 'live')) { //aster stream currently live and not a logged-in troper if(!tvtropes_config.is_logged_in && cookies.read('asteri_event_active') != '') { document.getElementById('asteri-sidebar').style.display=""; } } </script> </div> <script> if(!is_mobile()) { //don't insert if content is too small on page var tropes_insert_side_ad=true; if(document.getElementById("main-article") && document.getElementById("main-article").clientHeight) { var sidebar_height=document.getElementById("main-article").clientHeight; if(sidebar_height>0 && sidebar_height<500) { tropes_insert_side_ad=false; console.log('ad parser: content too small for sidebar ad'); } } if(tropes_insert_side_ad) { document.write(` <div id="stick-cont" class="sidebar-item sb-fad-unit"> <p class="sidebar-item-title" data-title="Advertisement">Advertisement:</p> <div id="stick-bar" class="sidebar-section"> <div class="square_fad fad-size-300x600 fad-section text-center"> <div class='tvtropes-ad-unit '> <div id='tvtropes_dt_inview' class='htlad-tvtropes_dt_inview'></div> </div> </div> </div> </div> `); } } </script> </div> </div> <div id="action-bar-bottom" class="action-bar tablet-off"> <a href="#top-of-page" class="scroll-to-top dead-button" onclick="scroll_to_top(500);">Top</a> </div> </div> <footer id="main-footer"> <div id="main-footer-inner"> <div class="footer-left"> <a href="/" class="img-link"><img data-src="/img/tvtropes-footer-logo.png" alt="TV Tropes" class="logo_image lazy-image" title="TV Tropes" /></a> <ul class="social-buttons"> <li><a class="btn fb" target="_blank" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-facebook']);" href="https://www.facebook.com/tvtropes"><i class="fa fa-facebook"></i></a></li> <li><a class="btn tw" target="_blank" onclick="_gaq.push(['_trackEvent', 'btn-social-icon', 'click', 'btn-twitter']);" href="https://www.twitter.com/tvtropes"><i class="fa fa-twitter"></i></a> </li> </ul> </div> <hr/> <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement"> <li><h4 class="footer-menu-header">TVTropes</h4></li> <li><a href="/pmwiki/pmwiki.php/Main/Administrivia">About TVTropes</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TheGoalsOfTVTropes">TVTropes Goals</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TheTropingCode">Troping Code</a></li> <li><a href="/pmwiki/pmwiki.php/Administrivia/TVTropesCustoms">TVTropes Customs</a></li> <li><a href="/pmwiki/pmwiki.php/JustForFun/TropesOfLegend">Tropes of Legend</a></li> <li><a href="/pmwiki/ad-free-subscribe.php">Go Ad-Free</a></li> </ul> <hr/> <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement"> <li><h4 class="footer-menu-header">Community</h4></li> <li><a href="/pmwiki/query.php?type=att">Ask The Tropers</a></li> <li><a href="/pmwiki/tlp_activity.php">Trope Launch Pad</a></li> <li><a href="/pmwiki/query.php?type=tf">Trope Finder</a></li> <li><a href="/pmwiki/query.php?type=ykts">Media Finder</a></li> <li><a href="/pmwiki/query.php?type=wl">Tech Wishlist</a></li> <li><a href="/pmwiki/review_activity.php">Reviews</a></li> <li><a href="/pmwiki/topics.php">Forum</a></li> </ul> <hr/> <ul class="footer-menu" itemscope itemtype="http://schema.org/SiteNavigationElement"> <li><h4 class="footer-menu-header">Tropes HQ</h4></li> <li><a href="/pmwiki/about.php">About Us</a></li> <li><a href="/pmwiki/contact.php">Contact Us</a></li> <li><a href="/pmwiki/query.php?type=bug">Report Bug</a></li> <li><a href="/pmwiki/changelog.php">Changelog</a></li> <li><a href="/pmwiki/dmca.php">DMCA Notice</a></li> <li><a href="/pmwiki/privacypolicy.php">Privacy Policy</a></li> </ul> </div> <div id="desktop-on-mobile-toggle" class="text-center gutter-top gutter-bottom tablet-on"> <a href="/pmwiki/switchDeviceCss.php?mobileVersion=1" rel="nofollow">Switch to <span class="txt-desktop">Desktop</span><span class="txt-mobile">Mobile</span> Version</a> </div> <div class="legal"> <p>TVTropes is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License. <br>Permissions beyond the scope of this license may be available from <a xmlns:cc="http://creativecommons.org/ns#" href="mailto:thestaff@tvtropes.org" rel="cc:morePermissions"> thestaff@tvtropes.org</a>.</p> <br> <div class="privacy_wrapper"> </div> </div> </footer> <style> div.fc-ccpa-root { position: absolute !important; bottom: 93px !important; margin: auto !important; width: 100% !important; z-index: 9999 !important; overflow: hidden !important; } .fc-ccpa-root .fc-dns-dialog .fc-dns-link p{ outline: none !important; text-decoration: underline !important; font-size: .7em !important; font-family: sans-serif !important; } .fc-ccpa-root .fc-dns-dialog .fc-dns-link .fc-button-background { background: none !important; } </style> <div id="_pm_videoViewer" class="full-screen"> <a href="#close" class="close" id="_pm_videoViewer-close"></a> <div class="_pmvv-body"> <div class="_pmvv-vidbox"> </div> </div> </div> <script type="text/javascript"> var cleanCreativeEnabled = ""; var donation = ""; var live_ads = "1"; var img_domain = "https://static.tvtropes.org"; var snoozed = cookies.read('snoozedabm'); var elem = document.createElement('script'); elem.async = true; // if page type is article or homepage load bundle_nojquery. otherwise load regular bundle.js if(tvtropes_config.universal_page_type == "Article" || tvtropes_config.universal_page_type == "HomePage") { elem.src = 'https://assets.tvtropes.org/design/assets/bundle_nojquery.js?rev=a1fdc3097a55e179219cd1bf535ab41b48dc60da'; } else { elem.src = 'https://assets.tvtropes.org/design/assets/bundle.js?rev=a1fdc3097a55e179219cd1bf535ab41b48dc60da'; } elem.onload = function() { } document.getElementsByTagName('head')[0].appendChild(elem); </script> <script type="text/javascript"> function send_analytics_event(user_type, donation){ // if(user_type == 'uncached' || user_type == 'cached'){ // ga('send', 'event', 'caching', 'load', user_type, {'nonInteraction': 1}); // return; // } var event_name = user_type; if(donation == 'true'){ event_name += "_donation" }else if(typeof(valid_user) == 'undefined'){ event_name += "_blocked" }else if(valid_user == true){ event_name += "_unblocked"; }else{ event_name = "_unknown" } ga('send', 'event', 'ads', 'load', event_name, {'nonInteraction': 1}); } send_analytics_event("guest", "false"); </script>  <script type="text/javascript"> window._qevents = window._qevents || []; (function() { var elem = document.createElement('script'); elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge") + ".quantserve.com/quant.js"; elem.async = true; elem.type = "text/javascript"; var scpt = document.getElementsByTagName('script')[0]; scpt.parentNode.insertBefore(elem, scpt); })(); window._qevents.push({ qacct:"p-mEzuYq24VEJ-3" }); </script> <noscript> <div style="display:none;"> <img src="//pixel.quantserve.com/pixel/p-mEzuYq24VEJ-3.gif" border="0" height="1" width="1" alt="Quantcast"/> </div> </noscript>   <script> var _comscore = _comscore || []; _comscore.push({ c1: "2", c2: "38282685" }); (function() { var s = document.createElement("script"), el = document.getElementsByTagName("script")[0]; s.async = true; s.src = "https://sb.scorecardresearch.com/cs/38282685/beacon.js"; el.parentNode.insertBefore(s, el); })(); </script> <noscript> <img src="https://sb.scorecardresearch.com/p?c1=2&c2=38282685&cv=3.6.0&cj=1"> </noscript>  </body> </html>

CINXE.COM

B-Roll - TV Tropes