Andy and the Band Playlist - CBeebies

<!DOCTYPE html> <html lang="en" id="ng-app" class="no-js b-header--white--black b-footer--transparent--dark-grey b-reith-sans-font"> <head prefix="og: http://ogp.me/ns#"><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("https://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-playlist","20220323035708","https://web.archive.org/","web","/_static/", "1648007828"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" />  <link rel="schema.DCTERMS" href="https://purl.org/dc/terms/"> <script type="text/javascript"> window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'holdEvents'}); </script> <script src="https://web.archive.org/web/20220323035708js_/https://cdn.optimizely.com/public/4621041136/s/childrens_prod.js"></script> <title>Andy and the Band Playlist - CBeebies - BBC</title> <meta name="DCTERMS.title" content="Andy and the Band Playlist - CBeebies - BBC"/> <meta name="description" content="Sing along with songs from Andy and the Band on CBeebies Radio."/> <meta name="DCTERMS.description" content="Sing along with songs from Andy and the Band on CBeebies Radio."/> <meta property="og:title" content="Andy and the Band - Andy and the Band Playlist"/> <meta property="og:description" content="Sing along with songs from Andy and the Band on CBeebies Radio."/> <meta property="og:image" content="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg"/> <meta property="og:url" content="https://web.archive.org/web/20220323035708/http://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-playlist"/> <meta property="fb:pages" content="194575130577797"/> <meta property="fb:pages" content="7397061762"/> <meta property="fb:pages" content="7833211321"/> <meta property="fb:pages" content="129044383774217"/> <meta property="fb:pages" content="401538510458"/> <meta property="fb:pages" content="8251776107"/> <meta property="fb:pages" content="273726292719943"/> <meta property="fb:pages" content="107909022566650"/> <meta property="fb:pages" content="21750735380"/> <meta property="fb:pages" content="1477945425811579"/> <meta property="fb:pages" content="944295152308991"/> <meta property="fb:pages" content="154344434967"/> <meta property="fb:pages" content="8244244903"/> <meta property="fb:pages" content="512423982152360"/> <meta property="fb:pages" content="156060587793370"/> <meta property="fb:pages" content="215504865453262"/> <meta property="fb:pages" content="260967092113"/> <meta property="fb:pages" content="1392506827668140"/> <meta property="fb:pages" content="128645453843827"/> <meta property="fb:pages" content="7519460786"/> <meta property="fb:pages" content="1143803202301544"/> <meta property="fb:pages" content="1470145583204829"/> <meta property="fb:pages" content="470911516262605"/> <meta property="fb:pages" content="413132078795966"/> <meta property="fb:pages" content="118883634811868"/> <meta property="fb:pages" content="130593816777"/> <meta property="fb:pages" content="228735667216"/> <meta property="fb:pages" content="80758950658"/> <meta property="fb:pages" content="260212261199"/> <meta property="fb:pages" content="294662213128"/> <meta property="fb:pages" content="1086451581439054"/> <meta property="fb:pages" content="283348121682053"/> <meta property="fb:pages" content="295830058648"/> <meta property="fb:pages" content="239931389545417"/> <meta property="fb:pages" content="304314573046"/> <meta property="fb:pages" content="310719525611571"/> <meta property="fb:pages" content="647687225371774"/> <meta property="fb:pages" content="1159932557403143"/> <meta property="fb:pages" content="286567251709437"/> <meta property="fb:pages" content="1731770190373618"/> <meta property="fb:pages" content="125309456546"/> <meta property="fb:pages" content="742734325867560"/> <meta property="fb:pages" content="168895963122035"/> <meta property="fb:pages" content="292291897588734"/> <meta property="fb:pages" content="658551547588605"/> <meta property="fb:pages" content="156400551056385"/> <meta property="fb:pages" content="185246968166196"/> <meta property="fb:pages" content="1411916919051820"/> <meta property="fb:pages" content="958681370814419"/> <meta property="fb:pages" content="317278538359186"/> <meta property="fb:pages" content="8585725981"/> <meta property="fb:pages" content="1436581493296609"/> <meta property="fb:pages" content="163571453661989"/> <meta property="fb:pages" content="751471531641341"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="DCTERMS.created" content="2020-06-06T14:00:00.000Z"/> <meta name="DCTERMS.modified" content="2022-01-11T09:08:47.676Z"/> <link rel="canonical" href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-playlist"/> <script type="text/javascript"> var _sf_startpt = (new Date()).getTime() </script> <link rel="copyright" href="https://web.archive.org/web/20220323035708/http://www.bbc.co.uk/terms/" title="Terms of Use"/> <link href="/web/20220323035708im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/apple-touch-icon.png" rel="apple-touch-icon"/> <link href="/web/20220323035708im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="icon" type="image/x-icon"/> <link href="/web/20220323035708im_/https://www.bbc.co.uk/cbeebies/assets/images/favicons/favicon.ico" rel="shortcut icon" type="image/x-icon"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220323035708cs_/https://static.bbci.co.uk/gelstyles/0.11.0/style/core.css"/> <link rel="stylesheet" type="text/css" href="https://web.archive.org/web/20220323035708cs_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/stylesheets/cbeebies.min.css"/>  <link rel="stylesheet" type="text/css" href="/web/20220323035708cs_/https://www.bbc.co.uk/cbeebies/stylesheets/immersive/brand/1638459911/997c420/andy-and-the-band.css"/> <script type="text/javascript"> var allForwardSlashes = /\//g; var anythingNotAWordOrFullStop = /[^\w^\.]/g; var allMultipleUnderscores = /_+/g; var fullStopAtEnd = /\.$/; var pageDescriptor = window.location.pathname.substring(1) .replace(allForwardSlashes, '.') .replace(anythingNotAWordOrFullStop, '_') .replace(allMultipleUnderscores, '_') .replace(fullStopAtEnd, ''); window.istats_countername = pageDescriptor.toLowerCase() + '.page'; </script>   <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> :root { --bbc-font: ReithSans, Arial, Helvetica, freesans, sans-serif; --bbc-font-legacy: Arial, Helvetica, freesans, sans-serif; } </style> <script nomodule type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/polyfills.bundle.js" async></script> <link rel="stylesheet" href="https://web.archive.org/web/20220323035708cs_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/css/orb-ltr.min.css"> <script src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/require.min.js"></script> <script> // nav-orbit-pollyfills // Promise polyfill from https://github.com/bramstein/promis (function(){'use strict';var f,g=[];function l(a){g.push(a);1==g.length&&f()}function m(){for(;g.length;)g[0](),g.shift()}f=function(){setTimeout(m)};function n(a){this.a=p;this.b=void 0;this.f=[];var b=this;try{a(function(a){q(b,a)},function(a){r(b,a)})}catch(c){r(b,c)}}var p=2;function t(a){return new n(function(b,c){c(a)})}function u(a){return new n(function(b){b(a)})}function q(a,b){if(a.a==p){if(b==a)throw new TypeError;var c=!1;try{var d=b&&b.then;if(null!=b&&"object"==typeof b&&"function"==typeof d){d.call(b,function(b){c||q(a,b);c=!0},function(b){c||r(a,b);c=!0});return}}catch(e){c||r(a,e);return}a.a=0;a.b=b;v(a)}} function r(a,b){if(a.a==p){if(b==a)throw new TypeError;a.a=1;a.b=b;v(a)}}function v(a){l(function(){if(a.a!=p)for(;a.f.length;){var b=a.f.shift(),c=b[0],d=b[1],e=b[2],b=b[3];try{0==a.a?"function"==typeof c?e(c.call(void 0,a.b)):e(a.b):1==a.a&&("function"==typeof d?e(d.call(void 0,a.b)):b(a.b))}catch(h){b(h)}}})}n.prototype.g=function(a){return this.c(void 0,a)};n.prototype.c=function(a,b){var c=this;return new n(function(d,e){c.f.push([a,b,d,e]);v(c)})}; function w(a){return new n(function(b,c){function d(c){return function(d){h[c]=d;e+=1;e==a.length&&b(h)}}var e=0,h=[];0==a.length&&b(h);for(var k=0;k<a.length;k+=1)u(a[k]).c(d(k),c)})}function x(a){return new n(function(b,c){for(var d=0;d<a.length;d+=1)u(a[d]).c(b,c)})};window.Promise||(window.Promise=n,window.Promise.resolve=u,window.Promise.reject=t,window.Promise.race=x,window.Promise.all=w,window.Promise.prototype.then=n.prototype.c,window.Promise.prototype["catch"]=n.prototype.g);}()); // Polyfill Event constructor for IE ref: ORBITEN-919 // see: https://stackoverflow.com/questions/26596123 (function () { if (typeof window.CustomEvent === "function") { return false; } function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: undefined }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.Event = CustomEvent; })(); //Element.prototype.matches polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/Element/matches#Polyfill if (!Element.prototype.matches) { Element.prototype.matches = Element.prototype.msMatchesSelector || Element.prototype.webkitMatchesSelector; } //NodeList.forEach Polyfill //from https://developer.mozilla.org/en-US/docs/Web/API/NodeList/forEach#Polyfill if (window.NodeList && !NodeList.prototype.forEach) { NodeList.prototype.forEach = Array.prototype.forEach; } // Object.assign polyfill from https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#Polyfill if (typeof Object.assign != 'function') { // Must be writable: true, enumerable: false, configurable: true Object.defineProperty(Object, "assign", { value: function assign(target, varArgs) { // .length of function is 2 'use strict'; if (target == null) { // TypeError if undefined or null throw new TypeError('Cannot convert undefined or null to object'); } var to = Object(target); for (var index = 1; index < arguments.length; index++) { var nextSource = arguments[index]; if (nextSource != null) { // Skip over if undefined or null for (var nextKey in nextSource) { // Avoid bugs when hasOwnProperty is shadowed if (Object.prototype.hasOwnProperty.call(nextSource, nextKey)) { to[nextKey] = nextSource[nextKey]; } } } } return to; }, writable: true, configurable: true }); } // window.fetch polyfill https://github.com/github/fetch/blob/v0.11.0/fetch.js - chosen for IE9 compatibility if(typeof window.fetch !== 'function') { (function(self){"use strict";if(self.fetch){return}function normalizeName(name){if(typeof name!=="string"){name=String(name)}if(/[^a-z0-9\-#$%&'*+.\^_`|~]/i.test(name)){throw new TypeError("Invalid character in header field name")}return name.toLowerCase()}function normalizeValue(value){if(typeof value!=="string"){value=String(value)}return value}function Headers(headers){this.map={};if(headers instanceof Headers){headers.forEach(function(value,name){this.append(name,value)},this)}else if(headers){Object.getOwnPropertyNames(headers).forEach(function(name){this.append(name,headers[name])},this)}}Headers.prototype.append=function(name,value){name=normalizeName(name);value=normalizeValue(value);var list=this.map[name];if(!list){list=[];this.map[name]=list}list.push(value)};Headers.prototype["delete"]=function(name){delete this.map[normalizeName(name)]};Headers.prototype.get=function(name){var values=this.map[normalizeName(name)];return values?values[0]:null};Headers.prototype.getAll=function(name){return this.map[normalizeName(name)]||[]};Headers.prototype.has=function(name){return this.map.hasOwnProperty(normalizeName(name))};Headers.prototype.set=function(name,value){this.map[normalizeName(name)]=[normalizeValue(value)]};Headers.prototype.forEach=function(callback,thisArg){Object.getOwnPropertyNames(this.map).forEach(function(name){this.map[name].forEach(function(value){callback.call(thisArg,value,name,this)},this)},this)};function consumed(body){if(body.bodyUsed){return Promise.reject(new TypeError("Already read"))}body.bodyUsed=true}function fileReaderReady(reader){return new Promise(function(resolve,reject){reader.onload=function(){resolve(reader.result)};reader.onerror=function(){reject(reader.error)}})}function readBlobAsArrayBuffer(blob){var reader=new FileReader;reader.readAsArrayBuffer(blob);return fileReaderReady(reader)}function readBlobAsText(blob){var reader=new FileReader;reader.readAsText(blob);return fileReaderReady(reader)}var support={blob:"FileReader"in self&&"Blob"in self&&function(){try{new Blob;return true}catch(e){return false}}(),formData:"FormData"in self,arrayBuffer:"ArrayBuffer"in self};function Body(){this.bodyUsed=false;this._initBody=function(body){this._bodyInit=body;if(typeof body==="string"){this._bodyText=body}else if(support.blob&&Blob.prototype.isPrototypeOf(body)){this._bodyBlob=body}else if(support.formData&&FormData.prototype.isPrototypeOf(body)){this._bodyFormData=body}else if(!body){this._bodyText=""}else if(support.arrayBuffer&&ArrayBuffer.prototype.isPrototypeOf(body)){}else{throw new Error("unsupported BodyInit type")}if(!this.headers.get("content-type")){if(typeof body==="string"){this.headers.set("content-type","text/plain;charset=UTF-8")}else if(this._bodyBlob&&this._bodyBlob.type){this.headers.set("content-type",this._bodyBlob.type)}}};if(support.blob){this.blob=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return Promise.resolve(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as blob")}else{return Promise.resolve(new Blob([this._bodyText]))}};this.arrayBuffer=function(){return this.blob().then(readBlobAsArrayBuffer)};this.text=function(){var rejected=consumed(this);if(rejected){return rejected}if(this._bodyBlob){return readBlobAsText(this._bodyBlob)}else if(this._bodyFormData){throw new Error("could not read FormData body as text")}else{return Promise.resolve(this._bodyText)}}}else{this.text=function(){var rejected=consumed(this);return rejected?rejected:Promise.resolve(this._bodyText)}}if(support.formData){this.formData=function(){return this.text().then(decode)}}this.json=function(){return this.text().then(JSON.parse)};return this}var methods=["DELETE","GET","HEAD","OPTIONS","POST","PUT"];function normalizeMethod(method){var upcased=method.toUpperCase();return methods.indexOf(upcased)>-1?upcased:method}function Request(input,options){options=options||{};var body=options.body;if(Request.prototype.isPrototypeOf(input)){if(input.bodyUsed){throw new TypeError("Already read")}this.url=input.url;this.credentials=input.credentials;if(!options.headers){this.headers=new Headers(input.headers)}this.method=input.method;this.mode=input.mode;if(!body){body=input._bodyInit;input.bodyUsed=true}}else{this.url=input}this.credentials=options.credentials||this.credentials||"omit";if(options.headers||!this.headers){this.headers=new Headers(options.headers)}this.method=normalizeMethod(options.method||this.method||"GET");this.mode=options.mode||this.mode||null;this.referrer=null;if((this.method==="GET"||this.method==="HEAD")&&body){throw new TypeError("Body not allowed for GET or HEAD requests")}this._initBody(body)}Request.prototype.clone=function(){return new Request(this)};function decode(body){var form=new FormData;body.trim().split("&").forEach(function(bytes){if(bytes){var split=bytes.split("=");var name=split.shift().replace(/\+/g," ");var value=split.join("=").replace(/\+/g," ");form.append(decodeURIComponent(name),decodeURIComponent(value))}});return form}function headers(xhr){var head=new Headers;var pairs=xhr.getAllResponseHeaders().trim().split("\n");pairs.forEach(function(header){var split=header.trim().split(":");var key=split.shift().trim();var value=split.join(":").trim();head.append(key,value)});return head}Body.call(Request.prototype);function Response(bodyInit,options){if(!options){options={}}this.type="default";this.status=options.status;this.ok=this.status>=200&&this.status<300;this.statusText=options.statusText;this.headers=options.headers instanceof Headers?options.headers:new Headers(options.headers);this.url=options.url||"";this._initBody(bodyInit)}Body.call(Response.prototype);Response.prototype.clone=function(){return new Response(this._bodyInit,{status:this.status,statusText:this.statusText,headers:new Headers(this.headers),url:this.url})};Response.error=function(){var response=new Response(null,{status:0,statusText:""});response.type="error";return response};var redirectStatuses=[301,302,303,307,308];Response.redirect=function(url,status){if(redirectStatuses.indexOf(status)===-1){throw new RangeError("Invalid status code")}return new Response(null,{status:status,headers:{location:url}})};self.Headers=Headers;self.Request=Request;self.Response=Response;self.fetch=function(input,init){return new Promise(function(resolve,reject){var request;if(Request.prototype.isPrototypeOf(input)&&!init){request=input}else{request=new Request(input,init)}var xhr=new XMLHttpRequest;function responseURL(){if("responseURL"in xhr){return xhr.responseURL}if(/^X-Request-URL:/m.test(xhr.getAllResponseHeaders())){return xhr.getResponseHeader("X-Request-URL")}return}xhr.onload=function(){var status=xhr.status===1223?204:xhr.status;if(status<100||status>599){reject(new TypeError("Network request failed"));return}var options={status:status,statusText:xhr.statusText,headers:headers(xhr),url:responseURL()};var body="response"in xhr?xhr.response:xhr.responseText;resolve(new Response(body,options))};xhr.onerror=function(){reject(new TypeError("Network request failed"))};xhr.open(request.method,request.url,true);if(request.credentials==="include"){xhr.withCredentials=true}if("responseType"in xhr&&support.blob){xhr.responseType="blob"}request.headers.forEach(function(value,name){xhr.setRequestHeader(name,value)});xhr.send(typeof request._bodyInit==="undefined"?null:request._bodyInit)})};self.fetch.polyfill=true})(typeof self!=="undefined"?self:this); } if (typeof window.CustomEvent !== 'function') { function CustomEvent(event, params) { params = params || { bubbles: false, cancelable: false, detail: null }; var evt = document.createEvent('CustomEvent'); evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); return evt; } CustomEvent.prototype = window.Event.prototype; window.CustomEvent = CustomEvent; } </script> <script type="text/javascript"> window.orbitData = {}; var additionalPageProperties = {}; additionalPageProperties['custom_var_1'] = 'andy-and-the-band' || null; additionalPageProperties['custom_var_2'] = 'false' || null; additionalPageProperties['custom_var_3'] = 'false' || null; additionalPageProperties['custom_var_4'] = 'none' || null; additionalPageProperties['custom_var_5'] = 'playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc' || null; additionalPageProperties['custom_var_6'] = '2020-06-09T15:58:16.047Z' || null; additionalPageProperties['custom_var_7'] = '2022-01-11T09:08:47.676Z' || null; additionalPageProperties['custom_var_10'] = 'music' || null; additionalPageProperties['app_name'] = 'cbeebies' || null; window.orbitData.userProfileUrl = "https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/userprofile"; window.page = { name: '' || null, destination: 'cbeebies' || null, producer: 'cbeebies' || null, section: 'radio' || null, site: '' || null, contentId: 'urn:bbc:isite2:f6ea28ee-4f26-4fdf-bb41-3109bec94286' || null, contentType: 'article' || null, edition: '' || null, additionalProperties: additionalPageProperties }; window.page.language = 'en'; window.page.language = 'en'; window.page.modal = false; </script> <script type="text/javascript">!function(){var t={53:function(t,e,r){function n(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function o(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?n(Object(r),!0).forEach((function(e){i(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):n(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function i(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var c=r(206),u=r(189);window.bbcpage=c.init(o({},window.page)),window.page=void 0,window.bbcuser=u.init(window,o({},window.user)),window.user=void 0},206:function(t){function e(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function r(t){for(var r=1;r<arguments.length;r++){var o=null!=arguments[r]?arguments[r]:{};r%2?e(Object(o),!0).forEach((function(e){n(t,e,o[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(o)):e(Object(o)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(o,e))}))}return t}function n(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}t.exports={init:function(t){var e=r({},t);return document.addEventListener("bbc-page-reset",(function(t){var r;t.detail&&t.detail.page&&(r=t.detail.page,e=Object.assign(e,r)),document.dispatchEvent(new Event("bbc-page-updated"))})),{getName:function(){return Promise.resolve(e.name||function(){if("file:"===window.location.protocol)return"local.file";var t=window.location.pathname.replace(/\/$/,"").replace(/^\//,"").replace(/\//g,".");return"".concat(t,".page")}())},getLanguage:function(){return Promise.resolve(e.language)},getDestination:function(){return Promise.resolve(e.destination)},getProducer:function(){return Promise.resolve(e.producer)},getSection:function(){return Promise.resolve(e.section)},getContentType:function(){return Promise.resolve(e.contentType)},getContentId:function(){return Promise.resolve(e.contentId)},getReferrer:function(){return Promise.resolve(window.orb&&null!==window.orb.referrer&&void 0!==window.orb.referrer?window.orb.referrer:document.referrer)},getAdditionalProperties:function(){return Promise.resolve(r({},e.additionalProperties))},loadCSS:function(t){return new Promise((function(e,r){var n=document.createElement("link");n.type="text/css",n.rel="stylesheet",n.onload=function(){e()},n.href=t,document.getElementsByTagName("head")[0].appendChild(n)}))},isModal:function(){return Promise.resolve(e.modal)}}}}},189:function(t,e,r){function n(t){return(n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function o(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),r.push.apply(r,n)}return r}function i(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?o(Object(r),!0).forEach((function(e){c(t,e,r[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):o(Object(r)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))}))}return t}function c(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function u(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function a(t,e){if(e&&("object"===n(e)||"function"==typeof e))return e;if(void 0!==e)throw new TypeError("Derived constructors may only return object or undefined");return function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t)}function f(t){var e="function"==typeof Map?new Map:void 0;return(f=function(t){if(null===t||(r=t,-1===Function.toString.call(r).indexOf("[native code]")))return t;var r;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==e){if(e.has(t))return e.get(t);e.set(t,n)}function n(){return s(t,arguments,h(this).constructor)}return n.prototype=Object.create(t.prototype,{constructor:{value:n,enumerable:!1,writable:!0,configurable:!0}}),p(n,t)})(t)}function s(t,e,r){return(s=l()?Reflect.construct:function(t,e,r){var n=[null];n.push.apply(n,e);var o=new(Function.bind.apply(t,n));return r&&p(o,r.prototype),o}).apply(null,arguments)}function l(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function p(t,e){return(p=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function h(t){return(h=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d=r(11).loadModule,y=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),e&&p(t,e)}(o,t);var e,r,n=(e=o,r=l(),function(){var t,n=h(e);if(r){var o=h(this).constructor;t=Reflect.construct(n,arguments,o)}else t=n.apply(this,arguments);return a(this,t)});function o(){return u(this,o),n.apply(this,arguments)}return o}(f(Error));t.exports={init:function(t,e){var r,n=i({},e),o=null;function c(){if(["X-Country","X-Ip_is_advertise_combined","X-Ip_is_uk_combined"].every((function(t){return!!n[t]})))return Promise.resolve(n);if(!o){var e=t.location.hostname.endsWith(".com")?"com":"co.uk";o=t.fetch("https://web.archive.org/web/20220323035708/https://www.bbc.".concat(e,"/userinfo")).then((function(t){return t.json()}))}return o}function u(t){if(t.status>=200&&t.status<300)return t;var e=new Error(t.statusText);throw e.response=t,e}function a(t){return t.json()}function f(){if(n.ageBand)return Promise.resolve(n);if(!r){if("undefined"==typeof XMLHttpRequest||!("withCredentials"in new XMLHttpRequest))return Promise.resolve(n);r=d(["idcta-v2/idcta-1"]).then((function(e){return e.initiateTokenRefresh().then((function(){return t.fetch(t.orbitData.userProfileUrl,{credentials:"include"}).then(u).then(a).then((function(t){return n=i(i({},n),t)}))}))}))}return r}var s={getHashedId:function(){return d(["idcta-v2/idcta-1"]).then((function(t){return t.getCookieInstance().getHidFromCookie()}))},isSignedIn:function(){return d(["idcta-v2/idcta-1"]).then((function(t){return t&&t.getCookieInstance().hasCookie()}))},getCountry:function(){return c().then((function(t){return t["X-Country"]||"gb"}))},isUKCombined:function(){return c().then((function(t){if(!t["X-Ip_is_uk_combined"])throw new y("missing isUKCombined from userinfo response");return"yes"===t["X-Ip_is_uk_combined"].toLowerCase()}))},canSeeAdverts:function(){return c().then((function(t){if(!t["X-Ip_is_advertise_combined"])throw new y("missing canSeeAdverts from userinfo response");return"yes"===t["X-Ip_is_advertise_combined"].toLowerCase()}))},getAgeBand:function(){return c().then((function(t){return t["X-Age-Band"]?Promise.resolve(t["X-Age-Band"]):s.isSignedIn().then((function(t){if(t)return f().then((function(t){return n["X-Age-Band"]=t["X-Age-Band"],n["X-Age-Band"]||void 0})).catch((function(){return n["X-Age-Band"]||void 0}))}))}))},allowsPerformanceCookies:function(){return d(["orb/cookies"]).then((function(t){return!!t.cookiesEnabled()&&!!t.readPolicy("performance")}))},allowsFunctionalCookies:function(){return d(["orb/cookies"]).then((function(t){return!!t.cookiesEnabled()&&!!t.readPolicy("personalisation")}))},getCookieValue:function(t){return d(["orb/cookies"]).then((function(e){return e.get(t)}))}};return s},BBCUserError:y}},11:function(t){t.exports={loadModule:function(t){return new Promise((function(e,r){window.require(t,(function(){e.apply(this,arguments)}),(function(t){r(t)}))}))}}},666:function(t){var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",c=o.asyncIterator||"@@asyncIterator",u=o.toStringTag||"@@toStringTag";function a(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{a({},"")}catch(t){a=function(t,e,r){return t[e]=r}}function f(t,e,r,n){var o=e&&e.prototype instanceof v?e:v,i=Object.create(o.prototype),c=new k(n||[]);return i._invoke=function(t,e,r){var n=l;return function(o,i){if(n===h)throw new Error("Generator is already running");if(n===d){if("throw"===o)throw i;return C()}for(r.method=o,r.arg=i;;){var c=r.delegate;if(c){var u=_(c,r);if(u){if(u===y)continue;return u}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===l)throw n=d,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=h;var a=s(t,e,r);if("normal"===a.type){if(n=r.done?d:p,a.arg===y)continue;return{value:a.arg,done:r.done}}"throw"===a.type&&(n=d,r.method="throw",r.arg=a.arg)}}}(t,r,c),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=f;var l="suspendedStart",p="suspendedYield",h="executing",d="completed",y={};function v(){}function g(){}function b(){}var w={};w[i]=function(){return this};var m=Object.getPrototypeOf,O=m&&m(m(S([])));O&&O!==r&&n.call(O,i)&&(w=O);var P=b.prototype=v.prototype=Object.create(w);function j(t){["next","throw","return"].forEach((function(e){a(t,e,(function(t){return this._invoke(e,t)}))}))}function E(t,e){function r(o,i,c,u){var a=s(t[o],t,i);if("throw"!==a.type){var f=a.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,c,u)}),(function(t){r("throw",t,c,u)})):e.resolve(l).then((function(t){f.value=t,c(f)}),(function(t){return r("throw",t,c,u)}))}u(a.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function _(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,_(t,r),"throw"===r.method))return y;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return y}var o=s(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,y;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,y):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,y)}function x(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function L(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function S(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,c=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return c.next=c}}return{next:C}}function C(){return{value:e,done:!0}}return g.prototype=P.constructor=b,b.constructor=g,g.displayName=a(b,u,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===g||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,b):(t.__proto__=b,a(t,u,"GeneratorFunction")),t.prototype=Object.create(P),t},t.awrap=function(t){return{__await:t}},j(E.prototype),E.prototype[c]=function(){return this},t.AsyncIterator=E,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var c=new E(f(e,r,n,o),i);return t.isGeneratorFunction(r)?c:c.next().then((function(t){return t.done?t.value:c.next()}))},j(P),a(P,u,"Generator"),P[i]=function(){return this},P.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=S,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(L),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return u.type="throw",u.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var c=this.tryEntries[i],u=c.completion;if("root"===c.tryLoc)return o("end");if(c.tryLoc<=this.prev){var a=n.call(c,"catchLoc"),f=n.call(c,"finallyLoc");if(a&&f){if(this.prev<c.catchLoc)return o(c.catchLoc,!0);if(this.prev<c.finallyLoc)return o(c.finallyLoc)}else if(a){if(this.prev<c.catchLoc)return o(c.catchLoc,!0)}else{if(!f)throw new Error("try statement without catch or finally");if(this.prev<c.finallyLoc)return o(c.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var c=i?i.completion:{};return c.type=t,c.arg=e,i?(this.method="next",this.next=i.finallyLoc,y):this.complete(c)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),y},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),L(r),y}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;L(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:S(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),y}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r(666);r(53)}();</script> <script type="module"> window.importmap = {"orbit-drawer":"https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/drawer-api.bundle.js","bbccookies":"https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/cookies/6868f40b6841deedfcf9895de775e1ab/cookie-banner/cookie-library.module.js"}; var e={748:function(e,t,n){function o(){const e={},t={listeners:{},resolves:{}};function n(e,n){e in t.resolves?n(e,t.resolves[e]):t.listeners[e]?t.listeners[e].push(n):t.listeners[e]=[n]}function o(e,n){t.resolves[e]=n;const o=t.listeners[e];o&&(o.forEach((t=>{t(e,n)})),delete t.listeners[e])}function i(t,n,i){n&&!n.splice?function(e,t){o(e,"function"==typeof t?t():t)}(t,n):function(t,n,i){e.require(n,((...e)=>{o(t,i(...e))}))}(t,n,i)}return e.require=function(e,o,i){if(e.splice)if(0===e.length)o();else{const r=[];let c,s=0;void 0!==i&&(c=setTimeout((()=>{console.log("require timeout, dependencies not loaded:",e,r),i()}),3e3));const u=(i,f)=>{if("string"==typeof f){const e=f.includes("callback=")?f:`${f}.js`;return delete t.resolves[i],void function(e,t,n){const o=document.createElement("script");o.type="text/javascript",o.async=!0,o.setAttribute("data-module",e),o.src=t,o.onload=n,document.head.appendChild(o)}(i,e,(()=>{n(i,u)}))}r[e.indexOf(i)]=f,s+=1,s>=e.length&&(clearTimeout(c),o(...r))};e.forEach((e=>{n(e,u)}))}else{const t=e;window.require.config(t)}},e.require.config=function(n){let o;(n.baseUrl||window.location.href.match(/(bbc.co.uk|bbc.com)/))&&(o=new URL(n.baseUrl||"",window.location.href||void 0).toString(),"/"!==o.charAt(o.length-1)&&(o+="/")),Object.keys(n.paths).forEach((t=>{const i=new URL(n.paths[t],o);e.define(t,i.toString())})),n.map&&n.map["*"]&&Object.keys(n.map["*"]).forEach((o=>{const i=n.map["*"][o],r=t.resolves[i];e.define(o,r)}))},e.define=function(e,t,n){"string"!=typeof e?function(e,t){if(document.currentScript){const n=document.currentScript.getAttribute("data-module");n&&i(n,e,t)}}(e,t):i(e,t,n)},e.requirejs=e.require,e.registry=t,e.define.amd=!0,e}n.r(t),n.d(t,{default:function(){return o},init:function(){return o}})},0:function(e){e.exports={loadModule:function(e){return new Promise(((t,n)=>{window.require(e,(function(){t.apply(this,arguments)}),(e=>{n(e)}))}))}}},831:function(e,t,n){const{loadModule:o}=n(0);e.exports=function(e){return function(t){return"string"==typeof t&&e[t]?import(e[t]):o(t)}}}},t={};function n(o){var i=t[o];if(void 0!==i)return i.exports;var r=t[o]={exports:{}};return e[o](r,r.exports,n),r.exports}n.d=function(e,t){for(var o in t)n.o(t,o)&&!n.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},function(){const e=n(748),t=n(831);"function"!=typeof window.define&&Object.assign(window,e.init()),window.shimport=t({...window.importmap}),window.importMap=void 0}();</script> <script type="text/javascript"> window.page = undefined; window.user = undefined; </script> <script> window.orb = {}; </script> <script src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/api-forge-free.min.js"></script> <link rel="preload" href="https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Rg.woff2" as="font" type="font/woff2" crossorigin> <link rel="preload" href="https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/fonts/reith/2.512/BBCReithSans_W_Bd.woff2" as="font" type="font/woff2" crossorigin>       <link rel="stylesheet" href="https://web.archive.org/web/20220323035708cs_/https://nav.files.bbci.co.uk/searchbox/42b955eee75a305e2e20ce2ce745e772/css/box.css"> <script src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/cookies/6868f40b6841deedfcf9895de775e1ab/cookie-banner/cookie-library.bundle.js"></script><script type="text/javascript">void 0!==window.define&&define("orb/cookies",function(){return window.bbccookies})</script> <script type="text/javascript">window.__detectview={clickManagementEnabled:false};</script> <script type="text/javascript">"use strict";!function(){window.__reverbStaticLocation="https://web.archive.org/web/20220323035708/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/",window.__smarttagVersion="5.29.1",window.__reverb={},window.__reverb.__reverbLoadedPromise=new Promise(function(e,i){window.__reverb.__resolveReverbLoaded=e,window.__reverb.__rejectReverbLoaded=i}),window.__reverb.__reverbTimeout=setTimeout(function(){window.__reverb.__rejectReverbLoaded()},5e3);var i=function(d,a){window.__reverb.__reverbLoadedPromise.then(function(e){if(d&&d.detail){var i=!!d.detail.item,n=d.detail.label,t=i?"viewability":d.detail.type,o=d.detail.elem,r=d.detail.originalEvent;d.detail.isClick&&(a=d.detail.isClick),e.userActionEvent(t,n,d.detail,o,r,a)}},function(){console.log("Reverb failed to load. Event not sent")})},n=function(){window.__reverb.__reverbLoadedPromise.then(function(e){e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Reverb failed to load. Event not sent")})};document.addEventListener("bbc-user-event",function(e){i(e,!1)}),document.addEventListener("bbc-user-click",function(e){i(e,!0)}),document.addEventListener("bbc-page-updated",n),window.addEventListener("pageshow",function(e){e.persisted&&n()})}();</script><script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://mybbc-analytics.files.bbci.co.uk/reverb-client-js/reverb-3.4.0.js" async></script> <link rel="stylesheet" href="https://web.archive.org/web/20220323035708cs_/https://static.files.bbci.co.uk/account/id-cta/1.54.22-wp/style/id-cta.css"/><script type="text/javascript">(function () {if (!window.require) {throw new Error('idcta: could not find require module');}if (typeof (map) == 'undefined') {var map = {};}if (!!document.createElementNS && !!document.createElementNS('http://www.w3.org/2000/svg', 'svg').createSVGRect) {document.documentElement.className += ' id-svg';}var ptrt = new RegExp("[\\?&]ptrt=([^&]*)").exec(document.location.href);var ENDPOINT_URL = 'https://web.archive.org/web/20220323035708/https://idcta.api.bbc.co.uk';var ENDPOINT_CONFIG = ('/idcta/config?callback=&ptrt=' + (ptrt ? ptrt[1] : encodeURIComponent(document.location.href))).replace(/\&/g, '&');var ENDPOINT_TRANSLATIONS = '/idcta/translations?callback=';function hasPromise() {var P = window.Promise;var promiseToString = null;if (P) {try {promiseToString = Object.prototype.toString.call(P.resolve());} catch (e) {/*silently ignored*/}}return (promiseToString === '[object Promise]' && !P.cast);}if (hasPromise()) {define('idcta/es6-promise', function () {return window.Promise;});define('idcta-v2/es6-promise', function () {return window.Promise;});}map['idcta-v2'] = 'https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/account/id-cta/1.54.22-wp/modules/idcta-v2';map['idcta-v2/config'] = ENDPOINT_URL + ENDPOINT_CONFIG;map['idcta-v2/translations'] = ENDPOINT_URL + ENDPOINT_TRANSLATIONS;map['idcta'] = 'https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/account/id-cta/1.8.2/modules/idcta';map['idcta-v2/idcta-1'] = 'https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/account/id-cta/1.54.22-wp/modules/idcta-v2/dist/idcta-1.min';map['idcta-v2/experiment-snippet'] = 'https://web.archive.org/web/20220323035708/https://cdn.optimizely.com/public/4621041136/s/idcta_live';const idctaShim = {deps: ['idcta-v2/idcta-1'],};require({shim: {'idcta-v2/statusbar': idctaShim,'idcta-v2/id-config': idctaShim},map: {'*': {'idcta/idcta-1': 'idcta-v2/idcta-1','idcta': 'idcta-v2',}},paths: map});window.idctaBaseUrl = ENDPOINT_URL;define('idcta/config', ['idcta-v2/config'], function (data) { return data; });define('idcta/translations', ['idcta-v2/translations'], function (data) { return data; });})();</script> <script> require.config({ paths: { 'optimizely-ati': ['https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/stats/optimizely-ati'] } }); require(['optimizely-ati'], function (optimizelyATI) { window['optimizely'] = window['optimizely'] || []; window['optimizely'].push({'type': 'sendEvents'}); optimizelyATI.init(); }); </script> <script type="text/javascript"> if(window.bbcuser && window.bbcuser.isUKCombined) { window.bbcuser.isUKCombined().then(function (isUK) { if (!isUK) { window.location = "https://web.archive.org/web/20220323035708/https://www.cbeebies.com"; } }).catch(function(error) { console.error(error) }) } </script> <script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/modernizr.js"></script> <script> define('modernizr', [], Modernizr); </script> <script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/matchMedia.js"></script> <script type="text/javascript" id="js-require-config"> define('local/utils/config', function () { "use strict"; var currentTLD = function () { var hostname = window.location.hostname; if (hostname.indexOf('bbc.com') > -1) { return 'com'; } return 'co.uk'; }(); return { 'appName': 'cbeebies', 'env': 'live', 'uasKey': 'ocivkho3fups2', 'uasEnv': 'live', 'uasUrl': '', 'uasDomainSuffix': currentTLD, 'currentTLD': currentTLD, 'comscoreSiteOverride': '', 'comscoreTestServiceUrl': '', 'oneTooltipPerPageEnabled': 'true', 'analyticsReclassificationEnabled': true, 'breakpointConfig': [ { minWidth: 0, name: 'extra-small' }, { minWidth: 400, name: 'small' }, { minWidth: 600, name: 'medium' }, { minWidth: 768, name: 'medium-wide' }, { minWidth: 1008, name: 'wide' }, { minWidth: 1280, name: 'extra-wide' } ] }; }); </script> <script> define('childrens-mandolin', function () { "use strict"; var ROLLING_PERIOD_DAYS = 30; var Mandolin = function (id, segments, opts) { var now = new Date().getTime(), storedItem, DEFAULT_START = now, DEFAULT_RATE = 1, COOKIE_NAME = 'ckpf_childrens_mandolin'; opts = opts || {}; this._id = id; this._segmentSet = segments; this._store = new Mandolin.Storage(COOKIE_NAME); this._opts = opts; this._rate = (opts.rate !== undefined) ? +opts.rate : DEFAULT_RATE; this._startTs = (opts.start !== undefined) ? new Date(opts.start).getTime() : new Date(DEFAULT_START).getTime(); this._endTs = (opts.end !== undefined) ? new Date(opts.end).getTime() : daysFromNow(ROLLING_PERIOD_DAYS); this._signupEndTs = (opts.signupEnd !== undefined) ? new Date(opts.signupEnd).getTime() : this._endTs; this._segment = null; // initially // Check for invalid options if (typeof id !== 'string') { throw new Error('Invalid Argument: id must be defined and be a string'); } if (Object.prototype.toString.call(segments) !== '[object Array]') { throw new Error('Invalid Argument: Segments are required.'); } if (opts.rate !== undefined && (opts.rate < 0 || opts.rate > 1)) { throw new Error('Invalid Argument: Rate must be between 0 and 1.'); } if (this._startTs > this._endTs) { throw new Error('Invalid Argument: end date must occur after start date.'); } if (!(this._startTs < this._signupEndTs && this._signupEndTs <= this._endTs)) { throw new Error('Invalid Argument: SignupEnd must be between start and end date'); } // Clear out expired items from Storage before looking for stashed segment data removeExpired.call(this, now); // Load segment override from cookie and validate segment if set. var overrides = window.bbccookies.get().match(/ckns_mandolin_setSegments=([^;]+)/); if (overrides !== null) { eval('overrides = ' + decodeURIComponent(RegExp.$1) + ';'); if(overrides[this._id] && this._segmentSet.indexOf(overrides[this._id]) == -1){ throw new Error('Invalid Override: overridden segment should exist in segments array'); } } if (overrides !== null && overrides[this._id]){ this._segment = overrides[this._id]; } else if ((storedItem = this._store.getItem(this._id))) { this._segment = storedItem.segment; } else if (this._startTs <= now && now < this._signupEndTs && now <= this._endTs && this._store.isEnabled() === true) { this._segment = pick(segments, this._rate); if (opts.end === undefined) { this._store.setItem(this._id, {segment: this._segment}); } else { this._store.setItem(this._id, {segment: this._segment, end: this._endTs}); } log.call(this, 'mandolin_segment'); } // order matters: do this after the segment has been populated log.call(this, 'mandolin_view'); }; Mandolin.prototype.getSegment = function () { return this._segment; }; function log(actionType, params) { var that = this; require(['istats-1'], function (istats) { istats.log(actionType, that._id + ':' + that._segment, params ? params : {}); }); } function removeExpired(expires) { var items = this._store.getItems(), expiresInt = +expires; for (var key in items) { if (items[key].end !== undefined && +items[key].end < expiresInt) { this._store.removeItem(key); } } } function getLastExpirationDate(data) { var winner = 0, rollingExpire = daysFromNow(ROLLING_PERIOD_DAYS); for (var key in data) { if (data[key].end === undefined && rollingExpire > winner) { winner = rollingExpire; } else if (+data[key].end > winner) { winner = +data[key].end; } } return (winner) ? new Date(winner) : new Date(rollingExpire) ; } Mandolin.prototype.log = function (params) { log.call(this, 'mandolin_log', params); }; Mandolin.prototype.convert = function (params) { log.call(this, 'mandolin_convert', params); this.convert = function () {}; }; function daysFromNow(n) { var endDate; endDate = new Date().getTime() + (n * 60 * 60 * 24) * 1000; return endDate; } function pick(segments, rate) { var picked, min = 0, max = segments.length - 1; if (typeof rate === 'number' && Math.random() > rate) { return null; } do { picked = Math.floor(Math.random() * (max - min + 1)) + min; } while (picked > max); return segments[picked]; } Mandolin.Storage = function (name) { validateCookieName(name); this._cookieName = name; this._isEnabled = (bbccookies.isAllowed(this._cookieName) === true && bbccookies.cookiesEnabled() === true); }; Mandolin.Storage.prototype.setItem = function (key, value) { var storeData = this.getItems(); storeData[key] = value; this.save(storeData); return value; }; Mandolin.Storage.prototype.isEnabled = function () { return this._isEnabled; }; Mandolin.Storage.prototype.getItem = function (key) { var storeData = this.getItems(); return storeData[key]; }; Mandolin.Storage.prototype.removeItem = function (key) { var storeData = this.getItems(); delete storeData[key]; this.save(storeData); }; Mandolin.Storage.prototype.getItems = function () { return deserialise(this.readCookie(this._cookieName) || ''); }; Mandolin.Storage.prototype.save = function (data) { //TODO: Is this mixing concerns to have Storage aware of item expiry? window.bbccookies.set( this._cookieName + '=' + encodeURIComponent(serialise(data)) + '; ' + 'path=/;' + 'expires=' + getLastExpirationDate(data).toUTCString() + ';' ); }; Mandolin.Storage.prototype.readCookie = function (name) { var nameEq = name + '=', ca = window.bbccookies.get().split('; '), i, c; validateCookieName(name); for (i = 0; i < ca.length; i++) { c = ca[i]; if (c.indexOf(nameEq) === 0) { return decodeURIComponent(c.substring(nameEq.length, c.length)); } } return null; }; function serialise(o) { var str = ''; for (var p in o) { if (o.hasOwnProperty(p)) { str += '"' + p + '"' + ':' + (typeof o[p] === 'object' ? (o[p] === null? 'null' : '{' + serialise(o[p])+ '}') : '"' + o[p].toString() + '"') + ','; } } return str.replace(/,\}/g, '}').replace(/,$/g, ''); } function deserialise(str) { var o; str = '{' + str + '}'; if ( !validateSerialisation(str) ) { throw 'Invalid input provided for deserialisation.'; } eval('o = ' + str); return o; } var validateSerialisation = (function () { var OBJECT_TOKEN = '<Object>', ESCAPED_CHAR = '"\\n\\r\\u2028\\u2029\\u000A\\u000D\\u005C', ALLOWED_CHAR = '([^' + ESCAPED_CHAR + ']|\\\\[' + ESCAPED_CHAR + '])', KEY = '"' + ALLOWED_CHAR + '+"', VALUE = '(null|"' + ALLOWED_CHAR + '*"|' + OBJECT_TOKEN + ')', KEY_VALUE = KEY + ':' + VALUE, KEY_VALUE_SEQUENCE = '(' + KEY_VALUE + ',)*' + KEY_VALUE, OBJECT_LITERAL = '({}|{' + KEY_VALUE_SEQUENCE + '})', objectPattern = new RegExp(OBJECT_LITERAL, 'g'); return function(str) { if (str.indexOf(OBJECT_TOKEN) !== -1) return false; while (str.match(objectPattern)) { str = str.replace(objectPattern, OBJECT_TOKEN); } return str === OBJECT_TOKEN; } })(); function validateCookieName(name) { if ( name.match(/ ,;/) ) { throw 'Illegal name provided, must be valid in browser cookie.'; } } return Mandolin; }); </script> <script type="text/javascript" id="js-require-setup"> require({ paths: { 'childrens': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts', 'cbeebies': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/cbeebies', 'cbbc': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/cbbc', 'jquery': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/jquery', 'jquery-1': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/jquery/jquery', 'jquery-1.9': 'https://web.archive.org/web/20220323035708/https://static.bbci.co.uk/frameworks/jquery/0.4.1/sharedmodules/jquery-1.9.1', 'lib': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries', 'bump-3': 'https://web.archive.org/web/20220323035708/https://emp.bbci.co.uk/emp/bump-3/bump-3', 'bump-4': 'https://web.archive.org/web/20220323035708/https://emp.bbci.co.uk/emp/bump-4/bump-4', 'embed': 'https://web.archive.org/web/20220323035708/https://play.bbc.co.uk/play/sdk/embed/v1/latest', 'lib/Imager': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/Imager.min', 'TweenMax': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/gsap/TweenMax.min', 'TimelineMax': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/gsap/TweenMax.min', 'echo-11.2.2': 'https://web.archive.org/web/20220323035708/https://mybbc-analytics.files.bbci.co.uk/echo-client-js/echo-11.2.2.min', 'lib/riddle': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/riddle/embed-3.3.min', 'lib/minpubsub': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/minpubsub.min', 'uasclient': 'https://web.archive.org/web/20220323035708/https://static.bbci.co.uk/uasclient/0.1.40/modules/uasclient', 'activity-button': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/activity-button', 'activity-button/activity-button': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/personalisation/personalisation.min', 'reads': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/reads', 'reads/reads': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/personalisation/personalisation.min', 'reads-carousel': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/reads-carousel', 'reads-carousel/reads-carousel': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/personalisation/personalisation.min', 'angular': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/angular', 'angular/app': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/angular/app.min', 'stats': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/stats', 'stats/riddle-events': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/stats/riddle-events.min', 'stats/stats': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/stats/stats.min', 'confetti': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/confetti', 'confetti/confetti': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/confetti/confetti.min', 'follows-panel': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/follows-panel', 'follows-panel/childrens-follows-panel': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/personalisation/personalisation.min', 'personalisation': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/personalisation', 'domReady': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/libraries/require/domReady.min', 'relay-1': 'https://web.archive.org/web/20220323035708/https://static.bbci.co.uk/frameworks/relay/0.2.6/sharedmodules/relay-1', 'jssignals-1': 'https://web.archive.org/web/20220323035708/https://static.bbci.co.uk/frameworks/jssignals/0.3.6/modules/jssignals-1', 'vote-wrapper': 'https://web.archive.org/web/20220323035708/https://account-wrapper.files.bbci.co.uk/vote-wrapper.min', 'event-stream': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/event-stream/event-stream.min', 'riddle/auto-scroll': 'https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/javascripts/riddle/auto-scroll.min' }, shim: { 'angular/angular': { exports: 'angular' }, 'TweenMax': { exports: 'TweenMax' }, 'TimelineMax': { exports: 'TimelineMax' } } }); require({ map: { '*': { 'idcta/idcta-1': 'idcta-v2/idcta-1' } } }); requirejs.onError = function (err) { // if a version of echojs fails to load (i.e. blocked for privacy reasons) // replace our echo_client with a dummy implementation so existing code // continues to work as expected function isEchoJsLibrary(moduleName) { return moduleName.indexOf('echo-') === 0; } if ( err.requireType === 'scripterror' && err.requireModules && err.requireModules.find(isEchoJsLibrary) ) { requirejs.undef('stats/echo_client'); define('stats/echo_client', [], function () { return { countername : function() {}, viewEvent : function() {}, userActionEvent : function() {} } }); // re-evaluate all dependencies on echo_client which will pick up the dummy version requirejs(['stats/echo_client'], function () {}); } }; define('istats-1', function() { return { log: function() {}, track: function() {}, setSite: function() {}, addLabels: function() {}, getCountername: function() {} } }); require(['local/utils/config'], function (config) { }); require(["istats-1"], function (istats) { if (istats.setSite !== undefined) { istats.setSite('cbeebies'); } istats.addLabels({ "page_type" : "content", "children_curation" : "none", "children_show" : "andy-and-the-band", "children_index" : "radio", "children_topic" : "music", "children_collection" : "none", "children_oj_campaign" : "cbeebies.topics.music.page-cbeebies.radio.andy_and_the_band_odd_socks_vs_meme_cats.page-cbeebies.radio.hey_duggee_ten_green_bottles_radio.page", "children_primary_content" : "playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc", "children_comments" : "false", "children_uploader" : "false" }); }); </script> <script> require(['childrens-mandolin'], function (Mandolin) { //cleanup collection-position test var storage = new Mandolin.Storage('ckpf_childrens_mandolin'); var experimentName = 'childrens_collection_position'; if (storage.getItem(experimentName)) { storage.removeItem(experimentName); } }); </script> <script type="text/javascript"> define('local/utils/experiments', ['childrens-mandolin'], function (Mandolin) { "use strict"; function setupMandolin(experiment, variants, config) { var mandolin = new Mandolin(experiment, variants, config); return mandolin.getSegment(); } function addClasses(wrapper, experiment, variant) { var experimentPrefix = " experiment-"; var experimentClass = experimentPrefix + experiment; wrapper.className += experimentClass + experimentClass + "--" + variant; } function addAttribute(wrapper, experiment, variant) { if (!wrapper.hasAttribute("data-active-experiment")) { var att = document.createAttribute("data-active-experiment"); att.value = experiment + ":" + variant; wrapper.setAttributeNode(att); } } return { setup: function(experiment, variants, config) { var variant = setupMandolin(experiment, variants, config); var wrapper = document.querySelector(".childrens-wrapper"); if (variant) { addClasses(wrapper, experiment, variant); } addAttribute(wrapper, experiment, variant); return variant; } } }); </script> </head> <body class="b-pw-1280"> <div id="cookiePrompt"></div> <noscript><p style="position: absolute; top: -999em"><img src="https://web.archive.org/web/20220323035708im_/https://a1.api.bbc.co.uk/hit.xiti?&col=1&from=p&ptag=js&s=598253&p=radio::unknown&x1=[urn:bbc:isite2:f6ea28ee-4f26-4fdf-bb41-3109bec94286]&x2=[responsive]&x3=[bbc_website]&x4=[en]&x7=[article]&x8=[reverb-3.4.0-nojs]&x11=[cbeebies]&x12=[cbeebies]" height="1" width="1" alt=""></p></noscript> <header id="orb-banner" role="banner" aria-label="BBC" class="nogeo orbit-cbeebies orbit-language-en"><div id="orb-header" class="orb-nav-pri orb-nav-pri-white orb-nav-empty" dir="ltr"><div class="orb-nav-pri-container b-r b-g-p"><div class="orb-nav-section orb-nav-blocks"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/" id="homepage-link">Homepage</a></div><section><div class="orb-skip-links"><h2>Accessibility links</h2><ul><li><a href="#main-content">Skip to content</a></li><li><a id="orb-accessibility-help" href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li></ul></div></section><div id="mybbc-wrapper" class="orb-nav-section orb-nav-id orb-nav-focus orb-nav-id-default"> <div id="idcta-statusbar" class="orb-nav-section orb-nav-focus" data-bbc-container="id-cta" data-bbc-event-type="click" data-bbc-ignore-views="1" data-bbc-metadata="{"id-cta-type": "statusbar-orb"}" data-bbc-source="responsive_web" data-bbc-title="id-cta-sign-in"><a id="idcta-link" href="https://web.archive.org/web/20220323035708/https://account.bbc.com/account?ptrt=https://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-playlist"><span id="idcta-username">BBC Account</span></a></div><script type="text/javascript">require(['idcta/statusbar'], function (statusbar) {new statusbar.Statusbar({id: 'idcta-statusbar', publiclyCacheable: true});});</script> </div><nav role="navigation" aria-label="BBC" class="orb-nav"><div class="orb-nav-section orb-nav-links orb-nav-focus" id="orb-nav-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/bitesize">Bitesize</a></li><li id="orb-nav-more" style="width: 88px" aria-controls="orb-panel-more"><a href="#orb-footer" data-alt="More" class="istats-notrack">Menu<span class="orb-icon orb-icon-arrow"></span></a></li></ul></div></nav><div class="orb-nav-section orb-nav-search" role="search"> <a id="orbit-search-button" class="orbit-search__button" aria-expanded="false" href="https://web.archive.org/web/20220323035708/https://search.bbc.co.uk/search?scope=cbeebies" title="Search BBC">Search BBC</a> </div></div><div id="orb-panels"></div><div id="orbit-drawer-container"></div></div></header>  <div id="orb-modules"> <div id="unsupported-browser-banner-wrapper">  </div> <script> // Show unsupported browser banner for IE10 (function () { if (/*@cc_on!@*/false && document.documentMode === 10) { var bannerWrapper = document.getElementById('unsupported-browser-banner-wrapper'); var currentNode = bannerWrapper.firstChild; var startTagLength = ''.length; // Retrieve comment node inside the bannerWrapper; first child is whitespace while (currentNode) { if (currentNode.nodeType === bannerWrapper.COMMENT_NODE) { // Remove the IE tag comments and insert HTML into bannerWrapper bannerWrapper.innerHTML = currentNode.nodeValue.trim().slice(startTagLength, -endTagLength); } currentNode = currentNode.nextSibling; } } })(); </script> <div class="childrens-wrapper childrens-wrapper--cbeebies childrens-wrapper--content-item childrens-wrapper--radio childrens-wrapper--background feature-flag feature-flag--search-bar feature-flag--puzzles-and-quizzes feature-flag--new-vote-styling feature-flag--episode-prominence-on-brand-pages feature-flag--reactions feature-flag--reith-font" data-stats-page-type="content" data-stats-children-curation="none" data-stats-children-show="andy-and-the-band" data-stats-children-index="radio" data-stats-children-topic="music" data-stats-children-collection="none" data-stats-children-oj-campaign="cbeebies.topics.music.page-cbeebies.radio.andy_and_the_band_odd_socks_vs_meme_cats.page-cbeebies.radio.hey_duggee_ten_green_bottles_radio.page" data-stats-children-page-intention="false" data-stats-children-primary-content="playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc" data-stats-children-comments="false" data-stats-children-uploader="false"> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.init($('.childrens-wrapper'), window.location.pathname); }); </script> <span class="childrens-wrapper__cover"></span> <div class="menu-container "> <div class="menu-placeholder"></div> <nav id="menu" role="navigation" class="menu menu--closed"> <div class="menu__window window window--extra-wide "> <div class="menu__bar"> <a class="menu__product" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home_logo"> <svg version="1.1" id="small-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#small-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> Home </a> <button id="menu-toggle" class="menu__toggle" data-stats-interaction="navigation" data-stats-interaction-action="button" data-stats-interaction-variant="open"> <span id="menu-toggle-title" class="menu__toggle-title">Menu</span> <i aria-hidden="true" class="menu__toggle-icon"></i> </button> </div> <div class="menu__contents"> <div class="menu__list"> <ul class="menu__list-inner"> <li class="menu__item menu__item--home"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies" data-stats-interaction="navigation" data-stats-interaction-variant="home" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"home::1"}" data-bbc-title="Home" data-bbc-source="cbeebies"> <span class="menu__link-icon"> <svg version="1.1" id="large-menu-logo" class="logo logo--cbeebies logo--animated menu__logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewbox="0 0 126 54" enable-background="new 0 0 126 54" xml:space="preserve" preserveaspectratio="xMaxYMin meet"> <g class="logo__part logo__part--character logo__part--c"> <g> <g> <g> <path d="M10.6,22.7c-1.8,0-3.4,0.7-4.7,2C2.3,28.2-5,37.8,5.4,49c3.5,3.8,7.2,5.8,10.8,5.8c4.5,0,7.7-2.9,9.2-4.3 c0.1-0.1,0.3-0.3,0.4-0.4c1.7-1.5,4.6-5.2,4.8-8.5c0.1-1.5-0.4-2.8-1.3-3.8c-0.3-0.3-0.4-0.6-0.8-0.8c-0.6-0.3-1.1-0.6-1.5-1 c-0.6-0.5-1.2-1.4-1.6-1.7c-0.6-0.4-1.2-0.5-1.8-0.5c-0.7,0-1.9,0.2-2.8,1.4c-0.8,1.1-0.8,2.6-1,4c-0.1,0.9-0.4,2.9-0.9,3 c-0.4,0.2-0.8,0.2-1.2,0.2c-1.2,0-2.4-0.7-3.6-2.2c-0.8-1-1.4-2.4-1.7-3.7c0.6,0.5,1.3,0.9,2.4,1c0.3,0.1,0.6,0.1,0.9,0.1 c2.6,0,5.7-1.8,6.6-4.3c0.2-1.8-0.4-4.5-2.4-6.1C17.2,25,13.9,22.7,10.6,22.7L10.6,22.7C10.6,22.7,10.6,22.7,10.6,22.7 L10.6,22.7z"></path> <path fill="#FFE500" d="M15.2,35.9c3.2,0.6,7.6-4,3.6-7.2c-4-3.2-8.4-6-11.7-2.7c-3.4,3.4-9.7,11.7-0.4,21.8 c9.2,10.1,16,2.7,18,1s5.9-7,3.4-9.7c-2.6-2.7-4.4-4.4-5.6-2.6c-1.2,1.7-0.4,6.7-2.9,7.6c-2.4,0.9-4.6,0-6.7-2.5 c-2.1-2.6-3.4-8.4-1.4-8.9C13.3,32,12,35.4,15.2,35.9z"></path> </g> </g> </g> </g><g class="logo__part logo__part--character logo__part--b1"> <g> <g> <path d="M33.1,12.5c-2.1,0-4.2,0.5-6,1.3C24.3,15.3,17,19.3,21,31.6c0.1,0.7,0.4,2,0.9,2.7c0.3,0.4,1,0.6,1.1,0.8 c0.2,0.3,2.2,1.1,2.9,1.8c0.8,0.7,1.2,1.4,1.8,1.7c2.5,1.4,5,1.7,6.8,1.7c2.4,0,4.9-0.6,7-1.6c2-0.9,5.5-3,6.6-6.4 c0.6-1.8,0.4-3.7-0.6-5.5c-0.4-0.7-0.9-1.3-1.4-1.7c-0.2-0.2-0.6-0.2-0.8-0.4c-0.4-0.3-0.7-0.6-1.1-0.8c-1.1-0.4-2.2-0.6-3.1-0.8 c-1.4-0.2-2.1-0.4-2.4-0.7c0.1-0.4,0.3-1,0.5-1.5c0.7-1.8,1.6-4.2,0.2-6C38.4,13.4,36.1,12.5,33.1,12.5L33.1,12.5z"></path> <path fill="#FFE500" d="M27.9,15.4c-3.6,1.9-8.7,5.1-4.6,15.1c4.1,9.9,13.3,8.6,17.5,6.6c4-1.9,7.5-5.4,5.2-9.5 c-2.1-4-7.7-1.6-9-4.7c-0.5-1.4,2.4-5.2,1-7C36.7,14.1,31.6,13.7,27.9,15.4z"></path> </g> </g> <g> <path fill="#50318E" d="M31.8,24.3c1.5-1.7,1.1-5.4-0.7-5.9c-2.6-0.7-4.6,3.1-4,4.4C27.9,24.1,30.3,26,31.8,24.3z"></path> </g> <g> <path fill="#50318E" d="M38.7,31c-0.5,1.5-2.2,3.6-4.4,2.9s-3.7-3.9-2.4-5C33.4,27.9,40.3,26.5,38.7,31z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e1"> <g> <g> <path d="M47.8,8.2c-1.7,0-3.4,0.7-4.6,1.8c-5.2,4.8-4.3,10.5-1.1,14.1c0.4,0.5,0.9,0.9,1.4,1.3c0.3,0.2,0.6,0.3,0.9,0.4 c0.1,0.1,0.3,0.1,0.4,0.2c0.1,0.1,0.2,0.3,0.3,0.3c1.4,0.8,3,1.1,4.5,1.1c2.6,0,5.1-1.1,7.3-3.1c2.5-2.2,2.1-4,1.3-5.5 c0-0.1-0.1-0.1-0.1-0.2c-0.5-1.2-1.8-2.4-3.2-2.6c0.4-1.8-0.4-3.8-1.3-5l-0.1-0.1L53.5,11C51.5,8.7,49.3,8.2,47.8,8.2L47.8,8.2z"></path> <path fill="#FFE500" d="M44.4,11.3c-3.2,3-4.5,7.6-1,11.6c2.9,3.1,7.9,4.4,12.4,0.2c2-1.7,1.2-2.6,0.7-3.6 c-0.4-1-1.9-2.1-2.6-1.4c-0.7,0.7-1.1,1.7-2,2.5c-1.2,1.1-5.2,0.4-3.9-0.9c0.7-0.7,2.9-1.5,4.6-3.1c1.2-1.1,0.1-3.6-0.5-4.5 C49.3,9,45.9,10,44.4,11.3z"></path> </g> </g> <g> <path fill="#50318E" d="M44.8,16.9c0.5,1.1,2.6,0.6,3.6-0.4c1-1,1.9-2.5,0.6-3.6C47,11.2,44,15.2,44.8,16.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--e2"> <g> <g> <path d="M67.1,9.1c-6.8,0-10,4.7-10.2,9.3c-0.1,5,3.1,10.4,10.5,10.7c0.2,0,0.3,0,0.5,0c3.3,0,4-2,4.3-2.9c0-0.1,0.1-0.2,0.1-0.2 c0.4-1.1,0.4-2.9-0.4-4.1c1.6-1.1,2.4-3.4,2.6-4.6l0-0.1v-0.1c0-5.2-3.6-7.8-6.9-8l0,0l0,0C67.3,9.1,67.2,9.1,67.1,9.1L67.1,9.1z "></path> <path fill="#FFE500" d="M67.4,11c-4.4-0.1-8.5,2.4-8.7,7.6c-0.1,4.2,2.6,8.6,8.7,8.9c2.6,0.1,2.7-1,3.1-2c0.4-1,0.1-2.9-0.9-2.9 c-1,0-2,0.5-3.1,0.5c-1.7,0-4-3.4-2.1-3.2c1.1,0,3.1,0.9,5.5,1c1.6,0,2.6-2.5,2.7-3.6C72.6,12.6,69.4,11.1,67.4,11z"></path> </g> </g> <g> <path fill="#50318E" d="M64.9,16.1c-0.4,1.1,1.2,2.4,2.5,2.2c1.2,0,2.7-0.5,2.6-2.1C69.7,13.4,65.5,14.3,64.9,16.1z"></path> </g> </g><g class="logo__part logo__part--character logo__part--b2"> <g> <g> <path d="M82.3,0.4c-2.1,0-3.8,1-4.7,2.9c-0.3,0.5-1,1.5-1.5,3.4l0,0l0,0c0,0.1-0.4,1.8-0.5,3l0,0.1V10c0,0.2,0,0.6,0,0.9 c0,0.5-0.1,1-0.1,1.6c0,0,0,0,0,0c0,0,0,0.4-0.2,1.4c-0.1,0.5-0.6,1.1-1.2,2.1c-0.3,0.4-0.6,0.8-0.9,1.3c-0.2,0.3-1,1.6-1.3,2.6 c-0.3,0.8-1.7,4.5,0.1,8.9c1.3,3.7,4.9,6.1,9.3,6.1c1.6,0,3.2-0.3,4.7-1c1-0.4,1.7-1,2.2-1.3l0.1-0.1c0.5-0.4,0.9-0.8,1-1 c0.3-0.3,0.6-0.7,0.8-1.1c0.3-0.5,0.2-1.1,0.5-1.6c0.4-0.8,1.1-1.2,1.1-1.4c0.9-2.6,0.8-4.7,0.7-5.7v-0.1v-0.2L92.4,21 c0-0.2-0.1-0.3-0.1-0.4c0-0.2-0.1-0.5-0.2-0.9c-0.7-2.7-3.2-4.3-6.4-4.3c-0.6,0-1.1,0.1-1.6,0.2l-0.5,0.1l-0.1,0.1 c0-0.1,0.1-0.2,0.1-0.4l0-0.1l0-0.1l0.1-0.2c0.3-1.1,0.3-1.1,1.6-3l0.1-0.2c0.6-0.5,1.1-1.5,1.9-2.9C87.8,8,88,7,88,6.1 C88,3,85.5,0.4,82.3,0.4L82.3,0.4z"></path> <path fill="#FFE500" d="M73.6,20.4c0.2-0.9,1.1-2.2,1.1-2.2c1.2-1.9,2.1-2.9,2.4-4c0.2-1.2,0.2-1.7,0.2-1.7 c0-0.9,0.1-1.9,0.1-2.5C77.6,8.8,78,7.1,78,7.1c0.5-2,1.2-2.9,1.2-2.9c0.6-1.4,1.7-2,3.1-2c2.1,0,3.9,1.7,3.9,3.9 c0,0.5-0.1,1.2-0.5,2c-1.1,2.1-1.5,2.5-1.6,2.5c-1.7,2.7-1.6,2.5-2.1,4.1c-0.2,0.6-0.4,1.1-0.2,1.6c0.2,0.9,0.9,1.2,1.5,1.2 c0.2,0,0.5,0,0.9-0.1c0.1,0,0.2,0,0.4-0.1c1.9-0.4,5.2,0,6,3c0.1,0.2,0.1,0.6,0.2,1.1v0.2c0.1,1,0.1,2.9-0.6,5 c-0.1,0.4-1.2,2.6-2.1,3.5l0,0c0,0-0.2,0.4-0.7,0.7c-0.5,0.4-1.1,0.9-2,1.2c-4.4,2-10,0.4-11.5-4.1C72,23.9,73.6,20.4,73.6,20.4z "></path> </g> </g> <g> <path fill="#50318E" d="M86.1,25.9c-1.1,1.2-3.7,2.5-5.5,0.9c-1.7-1.6-1.9-5.5-0.1-5.9C82.3,20.7,89.6,22.3,86.1,25.9z"></path> </g> </g><g class="logo__part logo__part--character logo__part--i"> <g> <g> <path d="M99.7,14.3c-1.6,0-2.8,0.9-3.3,2.4c-1.2,3.7,0.4,5.8,2.2,6.5c0.3,0.1,0.7,0.2,1,0.2c1.8,0,3.4-1.7,4.2-3.1 c0.8-1.4,0.8-2.8,0.2-3.7C103.2,15.5,101.5,14.3,99.7,14.3L99.7,14.3z"></path> <path fill="#FFE500" d="M98.1,17.3c-0.7,2.4-0.1,3.7,1.1,4.2c1.5,0.6,4-2.9,3.2-4C101.7,16.4,98.8,15.1,98.1,17.3z"></path> </g> </g> <g> <g> <path d="M97.1,21.5L97.1,21.5c-1.2,0-2.6,0.7-4.1,1.9l0,0l0,0c-1.1,1.1-1.6,1.7-2.3,2.5c-0.1,0.1-0.2,0.3-0.3,0.5 c-0.1,0.1-0.3,0.8-0.3,0.8c-0.6,1.2-1.3,1.9-1.4,2.2c-0.1,1.1,0,1.8,0.3,2.4c0.6,1.3,2.1,2.2,4,2.3c0.1,0,0.2,0,0.3,0 c3.3,0,6.5-4.2,7.1-7.9c0.3-2-0.2-3.2-0.7-3.8C98.9,21.9,98.1,21.5,97.1,21.5L97.1,21.5z"></path> <path fill="#FFE500" d="M94.2,24.8c2.9-2.5,4.7-1.7,4.2,1.2c-0.5,3-3.1,6.5-5.5,6.4c-1.7-0.1-3.9-1.2-1.7-4.4 C92.3,26.8,92.8,26.2,94.2,24.8z"></path> </g> </g> </g><g class="logo__part logo__part--character logo__part--e3"> <g> <g> <path d="M106.4,23.7c-4.7,0-8.3,2.9-9.1,7.4c-0.5,2.6,0,5.3,1.4,7.4c1.5,2.1,3.8,3.5,6.7,4.1c0.5,0.1,1,0.2,1.4,0.2 c2.2,0,3-1.4,3.4-2.1c0-0.1,0.1-0.2,0.1-0.2l0-0.1l0-0.1c0.6-1,0.8-2.7,0.2-4c0,0,0,0,0,0c0.6-0.3,1.1-0.7,1.6-1.3 c0.7-0.8,1.1-1.8,1.3-2.6c0.6-2.6-0.1-4.4-0.8-5.5c-1-1.5-2.6-2.6-4.3-3C107.8,23.8,107.1,23.7,106.4,23.7L106.4,23.7z"></path> <path fill="#FFE500" d="M108.2,25.7c-4-0.7-8.2,1-9.1,5.7c-0.7,3.9,1.1,8.4,6.7,9.4c2.4,0.5,2.6-0.6,3.1-1.4 c0.5-0.9,0.5-2.6-0.5-2.7s-2,0.1-3,0c-1.6-0.2-3.2-3.6-1.5-3.4c1,0.2,2.7,1.2,4.9,1.6c1.5,0.2,2.9-1.9,3-2.9 C112.8,28,110,26,108.2,25.7z"></path> </g> </g> <g> <path fill="#50318E" d="M105,28.5c-0.6,1-0.5,2.9,0.7,3c1.2,0.1,3.6-1.1,2.7-2.6C107.7,27.5,105.9,27.2,105,28.5z"></path> </g> </g><g class="logo__part logo__part--character logo__part--s"> <g> <path d="M117.5,34.6c-2.4,0-4.7,1-6.3,2.7l0,0l0,0c-1.2,1.4-2.3,3.8-1.7,5.9c-1.3,0.1-2.2,0.9-2.6,1.3l0,0l0,0 c-2.3,2.5-2.2,5.6,0.3,7.9l0,0l0,0c1.8,1.6,4.1,2.4,6.4,2.4c2.4,0,4.6-1,6.2-2.7c1.3-1.4,2.4-3.9,1.8-5.9c1.2-0.1,2.2-0.9,2.5-1.3 l0,0l0,0c1.1-1.2,1.7-2.6,1.6-4c-0.1-1.4-0.7-2.7-2-3.9C122.1,35.5,119.9,34.6,117.5,34.6L117.5,34.6 C117.5,34.6,117.5,34.6,117.5,34.6L117.5,34.6z"></path> <path fill="#FFE500" d="M118.5,51c1.1-1.2,2.2-3.9,0.7-5.2c-1-0.9-1.9-1.2-2.9-2.1c-0.7-0.7-0.7-1.7-0.1-2.4 c0.5-0.6,1.6-1.2,2.4-0.6c1,0.9,1.1,2.6,2,3.6c0.7,0.6,1.7,0,2.2-0.5c1.6-1.7,1.5-3.7-0.2-5.4c-2.9-2.6-7.4-2.7-10.1,0.1 c-1.1,1.2-2.1,3.9-0.7,5.2c1,0.9,2.4,1.1,3,2.4c0.5,0.9,0.4,1.4,0,2.1c-0.5,0.7-1.6,1.2-2.4,0.6c-1-0.9-1-2.6-2-3.6 c-0.7-0.6-1.7,0-2.2,0.5c-1.6,1.7-1.5,3.7,0.2,5.4C111.4,53.7,115.9,53.9,118.5,51z"></path> </g> </g> </svg> <script> require(['jquery-1', 'modernizr', 'childrens/logo/animated-cbeebies-logo'], function ($, Modernizr, logoAnimation) { var shouldAnimateLogo = Modernizr.svg && Modernizr.cssanimations; if (shouldAnimateLogo) { var logo = logoAnimation({id: '#large-menu-logo'}); $(document).ready(function () { setTimeout(logo.play, 800); }); } }); </script> </span><span class="menu__link-label">Home</span> </a> </li><li class="menu__item menu__item--shows"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="navigation" data-stats-interaction-variant="shows" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"shows::2"}" data-bbc-title="Shows" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Shows</span> </a> </li><li class="menu__item menu__item--games"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/games" data-stats-interaction="navigation" data-stats-interaction-variant="games" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"games::3"}" data-bbc-title="Games" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Games</span> </a> </li><li class="menu__item menu__item--puzzles"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/puzzles" data-stats-interaction="navigation" data-stats-interaction-variant="puzzles" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"puzzles::4"}" data-bbc-title="Puzzles & Quizzes" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Puzzles & Quizzes</span> </a> </li><li class="menu__item menu__item--watch"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/watch" data-stats-interaction="navigation" data-stats-interaction-variant="watch" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"watch::5"}" data-bbc-title="Watch & Sing" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Watch & Sing</span> </a> </li><li class="menu__item menu__item--joinin"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/joinin" data-stats-interaction="navigation" data-stats-interaction-variant="joinin" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"joinin::6"}" data-bbc-title="Join In" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Join In</span> </a> </li><li class="menu__item menu__item--makes"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/makes" data-stats-interaction="navigation" data-stats-interaction-variant="makes" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"makes::7"}" data-bbc-title="Make & Colour" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Make & Colour</span> </a> </li><li class="menu__item menu__item--radio menu__item--current"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/radio" data-stats-interaction="navigation" data-stats-interaction-variant="radio" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"radio::8"}" data-bbc-title="Radio" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Radio</span> </a> </li><li class="menu__item menu__item--topics"> <a class="menu__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/topics" data-stats-interaction="navigation" data-stats-interaction-variant="topics" data-bbc-container="Navigation" data-bbc-metadata="{"PAR":"navigation","CHD":"topics::9"}" data-bbc-title="Topics" data-bbc-source="cbeebies"> <span class="menu__link-icon"></span><span class="menu__link-label">Topics</span> </a> </li> </ul> <div class="menu__search-bar menu__search-bar--open"> <form id="search-bar-in-menu" class="search-bar" role="search" action="//web.archive.org/web/20220323035708/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-in-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-in-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-in-menu'); var $searchInput = $('#search-bar-input-in-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-in-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> <div class="menu__close-on-focus" tabindex="0"></div> </div> </div> </div> </nav> <div class="menu__search-bar menu__search-bar--below-menu"> <form id="search-bar-below-menu" class="search-bar" role="search" action="//web.archive.org/web/20220323035708/https://search.bbc.co.uk/search" method="get" accept-charset="utf-8"> <label for="search-bar-input-below-menu" class="search-bar__label vh">Start your search here...</label> <input type="hidden" name="scope" value="cbeebies"> <div class="search-bar__input-area"> <input id="search-bar-input-below-menu" class="search-bar__input" type="text" name="q" placeholder="Start your search here..."> <button class="search-bar__clear" aria-label="Clear Search" type="button" data-stats-interaction="search_bar" data-stats-interaction-variant="clear" data-stats-interaction-action="button"> <i class="search-bar__clear-icon gelicon gelicon--no" aria-hidden="true"></i> </button> </div> <button aria-label="Search" class="search-bar__button"> <div class="search-bar__button-inner"> <span class="search-bar__button-image"></span> </div> </button> </form> <script> require(['jquery-1', 'local/utils/config'], function ($, config) { function clearSearchOnClick() { var $searchBar = $('#search-bar-below-menu'); var $searchInput = $('#search-bar-input-below-menu'); var $clearButton = $searchBar.find('.search-bar__clear'); $clearButton.on('click', function () { $searchInput.val("").focus(); $clearButton.hide(); }); function hideOrShowClearButton() { var isEmpty = $searchInput.val() === ""; isEmpty ? $clearButton.hide() : $clearButton.show(); } hideOrShowClearButton(); $searchInput.on('keyup keypress blur change', hideOrShowClearButton); } function setNextPageIstatsLabelsOnFormSubmit() { var $searchForm = $('#search-bar-below-menu'); function canSetPerformanceCookies() { return config.analyticsReclassificationEnabled || (window.bbccookies && window.bbccookies.cookiesEnabled() && window.bbccookies.readPolicy('performance')); } function setNextPageIstatsCookie(labels, domain) { var encodedLabels = $.map(labels, function(value, key) { return encodeURIComponent(key) + '=' + encodeURIComponent(value); }); var encodedLabelString = encodeURIComponent(encodedLabels.join('&')); document.cookie = 'sa_labels=' + encodedLabelString + '; domain=' + domain + '; path=/'; } var $searchButton = $searchForm.find('.search-bar__button'); function searchButtonIsActive() { return document.activeElement === $searchButton[0]; } $searchForm.submit(function () { if (canSetPerformanceCookies()) { var pageType = $(this).closest('[data-stats-page-type]').attr('data-stats-page-type'); var submitType = searchButtonIsActive() ? 'button' : 'submit'; var labels = { 'intlink_from_url': window.location.href, 'intlink_ts': new Date().getTime(), 'intlink_id': 'childrens-local-search-' + submitType, 'link_location': 'childrens-local-search-' + pageType }; setNextPageIstatsCookie(labels, "bbc." + config.currentTLD); } }); } clearSearchOnClick(); setNextPageIstatsLabelsOnFormSubmit(); }); </script> </div> </div> <script> (function () { 'use strict'; var button = document.getElementById('menu-toggle'); var buttonTitle = document.getElementById('menu-toggle-title'); var menu = document.getElementById('menu'); var menuOverlay = document.querySelector('.menu__contents'); var menuOpen = false; function addEvent(name, el, fn) { if (el.addEventListener) el.addEventListener(name, fn, false); else if (el.attachEvent) el.attachEvent('on' + name, fn); } function removeClass(el, name) { el.className = el.className.replace(new RegExp('(?:^|\\s)' + name + '(?!\\S)'), ''); } function setText(el, text) { if (el.textContent) { el.textContent = text; } else { el.innerText = text; } } function toggleMenuOpenAndClose(e) { e.preventDefault(); menuOpen = !menuOpen; if (menuOpen) { removeClass(menu, 'menu--closed'); menu.className += ' menu--open'; setText(buttonTitle, 'Close'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'close'); }, 10); } else { removeClass(menu, 'menu--open'); menu.className += ' menu--closed'; setText(buttonTitle, 'Menu'); setTimeout(function () { button.setAttribute('data-stats-interaction-variant', 'open'); }, 10); } } function findElements(selector) { var elements = document.querySelectorAll(selector); return Array.prototype.slice.call(elements); } var searchBars = findElements('.search-bar__input'); function searchInputCopyText(e) { var text = e.target.value; searchBars.forEach(function(searchBar) { searchBar.value = text; if ("createEvent" in document) { var evt = document.createEvent("HTMLEvents"); evt.initEvent("change", false, true); searchBar.dispatchEvent(evt); } }) } addEvent('click', button, toggleMenuOpenAndClose); if (menuOverlay) { addEvent('click', menuOverlay, function (e) { var clickedOnEmptySpace = e.target === menuOverlay; if (clickedOnEmptySpace) { toggleMenuOpenAndClose(e); } }); } var hiddenElementAfterSearchInMenu = document.querySelector('.menu__close-on-focus'); addEvent('focus', hiddenElementAfterSearchInMenu, function (e) { var menuToggle = document.querySelector('.menu__toggle'); toggleMenuOpenAndClose(e); menuToggle.focus(); }); searchBars.forEach(function(searchBar) { addEvent('blur', searchBar, searchInputCopyText); }); })(); </script> <script> (function () { var menu = document.getElementById('menu'); var childrensWrapper = document.querySelector('.childrens-wrapper'); var anchorOffsetClass = 'childrens-wrapper--anchor-offset'; function currentVerticalScroll() { return document.documentElement.scrollTop || document.body.scrollTop; } function setupMenuStickyness() { var stuckClass = 'menu--stuck'; function stickingPoint() { return childrensWrapper.offsetTop; } function hasScrolledPastStickingPoint() { return currentVerticalScroll() >= stickingPoint(); } function calculateMainContentHeight() { var viewportWidth = document.documentElement.clientWidth; var mediumBreakpoint = 600; var maxContentHeight = 468; var contentHeight; if (viewportWidth < mediumBreakpoint) { contentHeight = Math.floor(viewportWidth / 16 * 9); } else { contentHeight = Math.floor((viewportWidth - 64) / 16 * 9); } return contentHeight > maxContentHeight ? maxContentHeight : contentHeight; } function hasEnoughSpaceForMainContent() { var viewportHeight = document.documentElement.clientHeight; var menuHeight = menu.offsetHeight; return viewportHeight > (menuHeight + calculateMainContentHeight()); } function stickElement(elem) { elem.classList.add(stuckClass); } function unstickElement(elem) { elem.classList.remove(stuckClass); } function applyAnchorOffsets() { childrensWrapper.classList.add(anchorOffsetClass); } function unapplyAnchorOffsets() { childrensWrapper.classList.remove(anchorOffsetClass); } function stickOrUnstickMenu() { var menuIsStuck = menu.classList.contains(stuckClass); var menuIsOpen = menu.classList.contains('menu--open'); var isSpaceForStickyNav = (hasEnoughSpaceForMainContent() || menuIsOpen); //If the menu is open then assume there is enough space for sticky nav if (hasScrolledPastStickingPoint() && isSpaceForStickyNav) { if (!menuIsStuck && !menuIsOpen) { stickElement(menu); } } else { if (menuIsStuck) { unstickElement(menu); } } } function applyOrUnapplyAnchorOffsets() { if (hasEnoughSpaceForMainContent()) { applyAnchorOffsets(); } else { unapplyAnchorOffsets(); } } function throttleAndDebounce(fn) { var blockFunctionCall = false; return function () { if (blockFunctionCall) return; var self = this; blockFunctionCall = true; function run() { fn.apply(self); } run(); setTimeout(function () { blockFunctionCall = false; run(); }, 16); }; } window.addEventListener('resize', throttleAndDebounce(applyOrUnapplyAnchorOffsets), false); window.addEventListener('resize', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('scroll', throttleAndDebounce(stickOrUnstickMenu), false); window.addEventListener('touchmove', throttleAndDebounce(stickOrUnstickMenu), false); document.addEventListener('DOMContentLoaded', stickOrUnstickMenu, false); applyOrUnapplyAnchorOffsets(); } setupMenuStickyness(); })(); </script> <div class="content-page " role="main"> <span class="vh" id="main-content">Andy and the Band Playlist</span> <section class="content-page__section content-page__section--content-item content-item content-item--playlist content-item--radio"> <div class="content-item__frame"> <span class="anchor" id="playlist"></span> <div class="playlist" id="playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc"> <section class="content-item__section content-item__primary-content content-item__primary-content--playlist" itemtype="http://www.schema.org/VideoObject" itemscope> <meta itemprop="name" content="Andy and the Band - Andy and the Band Playlist"/> <meta itemprop="description" content="Sing along with songs from Andy and the Band on CBeebies Radio."/> <meta itemprop="typicalAgeRange" content="0-12"/> <meta itemprop="datePublished" content="2020-06-06T14:00:00.000Z"/> <meta itemprop="url" content="https://web.archive.org/web/20220323035708/http://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-playlist"/> <meta itemprop="isFamilyFriendly" content="true"/> <meta itemprop="image" content="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg"/> <meta itemprop="thumbnailUrl" content="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/720/1x/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg"/> <div class="content-item__section-content"> <div id="player-35025" class="smp-embed content-item__embed content-item__embed--smp-embed"> <div class="smp-embed__placeholder"></div> </div> <noscript> <div class="content-item__js-not-available js-not-available"> <h2 class="js-not-available__title">Oops you can't see this activity!</h2> <p class="js-not-available__text">To enjoy the CBeebies website at its best you will need to have JavaScript turned on.</p> <p class="js-not-available__text">For more help please visit the <a href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/grownups/faqs" class="js-not-available__link">CBeebies Grown-ups FAQ <span class="gel-icon gelicon--next"></span></a></p> </div> </noscript> <script type="text/javascript"> require(['childrens/smp-embed'], function(smpEmbed) { var settings = { "superResponsive" : true, "appName" : "cbeebies", "appType" : "responsive", "ui" : { "cta" : { "mode" : "duration" }, "controls" : { "availableOnMediaEnded" : true }, "disableReithFonts" : false, "useFontSalt" : true, "colour" : "#228573" }, "playlistObject" : { "title" : "Hey There Chicken", "summary" : "An eggs-cellent song that celebrates everything about chickens and eggs!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ps3lf", "vpid" : "p08ps3lf", "duration" : 95 } ] }, "statsObject" : { "clipPID" : "p08ps3lc", "deviceId" : "", "sessionLabels" : { "children_content" : "playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc" } }, "plugins" : { "toLoad" : [ { "html" : "https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/smp-radio-plugin/plugin.js", "swf" : "https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/smp-radio-plugin/cbeebies-cta-plugin.swf", "data" : { "name" : "CBEEBIES.data", "data" : { "basepath" : "https://web.archive.org/web/20220323035708/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/smp-radio-plugin/" } } }, { "html" : "name:onwardJourney.js", "swf" : "name:continuousPlay.swf", "data" : { "name" : "smp.plugin.continuousplay.playlistSetChanged", "data" : { "countdownDurationSecs" : 5, "autoPlayFirstItem" : false, "fullscreenOnlyCarousel" : true, "items" : [ { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg", "title" : "Hey There Chicken", "date" : "1:35", "playlist" : { "title" : "Hey There Chicken", "summary" : "An eggs-cellent song that celebrates everything about chickens and eggs!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ps3lf", "vpid" : "p08ps3lf", "duration" : 95 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_imanartist_index_1920_1080.jpg", "title" : "I'm An Artist", "date" : "2:00", "playlist" : { "title" : "I'm An Artist", "summary" : "Arts and crafts are lots of fun so make it up as you go along and sing this song!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_imanartist_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg124", "vpid" : "p08lg124", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "title" : "Run Run Run", "date" : "4:00", "playlist" : { "title" : "Run Run Run", "summary" : "Andy and the Band are being chased by an angry lost property school cupboard!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg0zw", "vpid" : "p08lg0zw", "duration" : 240 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_saveouranimals_index_1920_1080.jpg", "title" : "Save All The Animals", "date" : "2:00", "playlist" : { "title" : "Save All The Animals", "summary" : "A song to remind us that every animal should be loved and protected!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_saveouranimals_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg0y5", "vpid" : "p08lg0y5", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_cantstopdancing_index_1920_1080.jpg", "title" : "Can't Stop Dancing", "date" : "1:42", "playlist" : { "title" : "Can't Stop Dancing", "summary" : "If you love to move whenever you hear a good beat, then this song is perfect for you!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_cantstopdancing_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lj9j4", "vpid" : "p08lj9j4", "duration" : 102 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_scrapbook_index_1920_1080.jpg", "title" : "Scrapbook", "date" : "2:00", "playlist" : { "title" : "Scrapbook", "summary" : "Andy and the Band celebrate all the fun times they鈥檝e had together as friends.", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_scrapbook_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmx0", "vpid" : "p08hgmx0", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_dontgiveup_index_1920_1080.jpg", "title" : "Don't Give Up", "date" : "3:00", "playlist" : { "title" : "Don't Give Up", "summary" : "If you want to become an athlete or a record breaker, be encouraged with this song!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_dontgiveup_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmqd", "vpid" : "p08hgmqd", "duration" : 180 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "title" : "Freeze", "date" : "3:00", "playlist" : { "title" : "Freeze", "summary" : "If you鈥檙e playing a game of hide and seek then this is the perfect song for you!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmmq", "vpid" : "p08hgmmq", "duration" : 180 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_goodhairday_index_1920_1080.jpg", "title" : "Good Hair Day", "date" : "2:00", "playlist" : { "title" : "Good Hair Day", "summary" : "No matter what style your hair is in, there鈥檚 no such thing as a Bad Hair Day!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_goodhairday_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmkp", "vpid" : "p08hgmkp", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_aliens_index_1920_1080.jpg", "title" : "Aliens In This House", "date" : "2:00", "playlist" : { "title" : "Aliens In This House", "summary" : "What would you do if aliens from outer space had come to visit you in your home?!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_aliens_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjr6", "vpid" : "p08ffjr6", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_chopchoppetyday_index_1920_1080.jpg", "title" : "Chop Choppety Day", "date" : "4:00", "playlist" : { "title" : "Chop Choppety Day", "summary" : "Celebrate being creative in the kitchen, even if you鈥檙e not the best chef in the world!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_chopchoppetyday_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjsw", "vpid" : "p08ffjsw", "duration" : 240 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_hereboy_index_1920_1080.jpg", "title" : "Here Boy!", "date" : "2:00", "playlist" : { "title" : "Here Boy!", "summary" : "The perfect song to sing if you鈥檙e in a panic because you鈥檝e lost your dog!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_hereboy_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjtf", "vpid" : "p08ffjtf", "duration" : 120 } ] } }, { "imgUrl" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/432xn/amz/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg", "title" : "Remember You're An Odd Sock", "date" : "4:00", "playlist" : { "title" : "Remember You're An Odd Sock", "summary" : "If you鈥檙e looking for friends who celebrate you being you, then be an Odd Sock together!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjkz", "vpid" : "p08ffjkz", "duration" : 240 } ] } } ] } } } ] } }; var intentionId = "playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc"; smpEmbed.embed('#player-35025', settings, intentionId); }); </script> </div> </section> <div class="content-item__section content-item__section--playlist"> <div class="content-item__section-content"> <div data-carousel class="carousel carousel--no-title carousel--carousel-at-mobile carousel--playlist " data-carousel-at-mobile="true" data-carousel-changes-in-place="true" data-carousel-disable-selected-item="false"> <div class="carousel__controls"> <div class="carousel__button carousel__button--prev button button--prev button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </span></a></div><div class="carousel__button carousel__button--next button button--next button--immersive "><a class="button__link"><span class="button__inner"> <span class="vh">next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> <div class="carousel__curtain carousel__curtain--right"></div> <div class="carousel__window"><div class="carousel__panel"> <ul class="carousel__list"><li class="carousel__item carousel__item--selected"> <a href="#playlist" class="playlist-item" data-version-id="p08ps3lf" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="0" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">1:35</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Hey There Chicken"> Hey There Chicken </p> </div> </a> </li><li class="carousel__item carousel__item--next"> <a href="#playlist" class="playlist-item" data-version-id="p08lg124" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="1" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_imanartist_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_imanartist_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="I'm An Artist"> I'm An Artist </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08lg0zw" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="2" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">4:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Run Run Run"> Run Run Run </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08lg0y5" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="3" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_saveouranimals_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_saveouranimals_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Save All The Animals"> Save All The Animals </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08lj9j4" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="4" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_cantstopdancing_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_cantstopdancing_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">1:42</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Can't Stop Dancing"> Can't Stop Dancing </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08hgmx0" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="5" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_scrapbook_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_scrapbook_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Scrapbook"> Scrapbook </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08hgmqd" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="6" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_dontgiveup_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_dontgiveup_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">3:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Don't Give Up"> Don't Give Up </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08hgmmq" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="7" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">3:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Freeze"> Freeze </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08hgmkp" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="8" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_goodhairday_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_goodhairday_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Good Hair Day"> Good Hair Day </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08ffjr6" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="9" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_aliens_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_aliens_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Aliens In This House"> Aliens In This House </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08ffjsw" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="10" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_chopchoppetyday_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_chopchoppetyday_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">4:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Chop Choppety Day"> Chop Choppety Day </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08ffjtf" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="11" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_hereboy_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_hereboy_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">2:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Here Boy!"> Here Boy! </p> </div> </a> </li><li class="carousel__item "> <a href="#playlist" class="playlist-item" data-version-id="p08ffjkz" data-stats-interaction="playlist" data-stats-interaction-variant="playlist_item" data-stats-interaction-position="12" data-stats-interaction-action="button"> <div class="playlist-item__image-wrapper"> <div class="playlist-item__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/{width}xn/amz/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/400xn/amz/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg" alt=""/> </noscript> </span> </div> <div class="playlist-item__label playlist-item__label--selected"> Now playing </div> <div class="playlist-item__label playlist-item__label--next"> Up next </div> <div class="playlist-item__flag"> <span class="playlist-item__flag-icon gelicon gelicon--play"></span><span class="playlist-item__flag-duration">4:00</span> </div> </div><div class="playlist-item__info"> <p class="playlist-item__title" aria-label="Remember You're An Odd Sock"> Remember You're An Odd Sock </p> </div> </a> </li></ul> </div></div> </div> </div> </div> <script> require(['childrens/playlist'], function (Playlist) { var selectors = { playlist: '#playlist-7c35379d-bcda-4563-8f7a-e4ed31a1e8dc', smpPlayer: '.smp-embed', playlistItem: '.playlist-item', carousel: '.carousel' }; var smpData = { "p08ffjkz" : { "playlistObject" : { "title" : "Remember You're An Odd Sock", "summary" : "If you鈥檙e looking for friends who celebrate you being you, then be an Odd Sock together!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_remember_oddsock_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjkz", "vpid" : "p08ffjkz", "duration" : 240 } ] }, "statsObject" : { "episodePID" : "p08dh5q9", "deviceId" : "", "sessionLabels" : { } } }, "p08hgmkp" : { "playlistObject" : { "title" : "Good Hair Day", "summary" : "No matter what style your hair is in, there鈥檚 no such thing as a Bad Hair Day!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_goodhairday_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmkp", "vpid" : "p08hgmkp", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08h3dj9", "deviceId" : "", "sessionLabels" : { } } }, "p08hgmx0" : { "playlistObject" : { "title" : "Scrapbook", "summary" : "Andy and the Band celebrate all the fun times they鈥檝e had together as friends.", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_scrapbook_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmx0", "vpid" : "p08hgmx0", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08h3k8r", "deviceId" : "", "sessionLabels" : { } } }, "p08ps3lf" : { "playlistObject" : { "title" : "Hey There Chicken", "summary" : "An eggs-cellent song that celebrates everything about chickens and eggs!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_heytherechickens_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ps3lf", "vpid" : "p08ps3lf", "duration" : 95 } ] }, "statsObject" : { "clipPID" : "p08ps3lc", "deviceId" : "", "sessionLabels" : { } } }, "p08ffjsw" : { "playlistObject" : { "title" : "Chop Choppety Day", "summary" : "Celebrate being creative in the kitchen, even if you鈥檙e not the best chef in the world!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_chopchoppetyday_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjsw", "vpid" : "p08ffjsw", "duration" : 240 } ] }, "statsObject" : { "episodePID" : "p08dh6mf", "deviceId" : "", "sessionLabels" : { } } }, "p08ffjr6" : { "playlistObject" : { "title" : "Aliens In This House", "summary" : "What would you do if aliens from outer space had come to visit you in your home?!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_aliens_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjr6", "vpid" : "p08ffjr6", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08dh66b", "deviceId" : "", "sessionLabels" : { } } }, "p08lg0y5" : { "playlistObject" : { "title" : "Save All The Animals", "summary" : "A song to remind us that every animal should be loved and protected!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_saveouranimals_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg0y5", "vpid" : "p08lg0y5", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08kynf4", "deviceId" : "", "sessionLabels" : { } } }, "p08hgmmq" : { "playlistObject" : { "title" : "Freeze", "summary" : "If you鈥檙e playing a game of hide and seek then this is the perfect song for you!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmmq", "vpid" : "p08hgmmq", "duration" : 180 } ] }, "statsObject" : { "episodePID" : "p08h3gyp", "deviceId" : "", "sessionLabels" : { } } }, "p08lg0zw" : { "playlistObject" : { "title" : "Run Run Run", "summary" : "Andy and the Band are being chased by an angry lost property school cupboard!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_freeze_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg0zw", "vpid" : "p08lg0zw", "duration" : 240 } ] }, "statsObject" : { "episodePID" : "p08kz8lg", "deviceId" : "", "sessionLabels" : { } } }, "p08hgmqd" : { "playlistObject" : { "title" : "Don't Give Up", "summary" : "If you want to become an athlete or a record breaker, be encouraged with this song!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_dontgiveup_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08hgmqd", "vpid" : "p08hgmqd", "duration" : 180 } ] }, "statsObject" : { "episodePID" : "p08h3h35", "deviceId" : "", "sessionLabels" : { } } }, "p08lj9j4" : { "playlistObject" : { "title" : "Can't Stop Dancing", "summary" : "If you love to move whenever you hear a good beat, then this song is perfect for you!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_cantstopdancing_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lj9j4", "vpid" : "p08lj9j4", "duration" : 102 } ] }, "statsObject" : { "clipPID" : "p08lj9j2", "deviceId" : "", "sessionLabels" : { } } }, "p08ffjtf" : { "playlistObject" : { "title" : "Here Boy!", "summary" : "The perfect song to sing if you鈥檙e in a panic because you鈥檝e lost your dog!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_hereboy_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08ffjtf", "vpid" : "p08ffjtf", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08dh6b7", "deviceId" : "", "sessionLabels" : { } } }, "p08lg124" : { "playlistObject" : { "title" : "I'm An Artist", "summary" : "Arts and crafts are lots of fun so make it up as you go along and sing this song!", "liveRewind" : false, "supportLiveRewindOnMobile" : false, "simulcast" : false, "holdingImageURL" : "//web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-ck/$recipe/amz/cbeebies/cbeebiesradio_andyandtheband_imanartist_index_1920_1080.jpg", "items" : [ { "kind" : "radioProgramme", "live" : false, "versionID" : "p08lg124", "vpid" : "p08lg124", "duration" : 120 } ] }, "statsObject" : { "episodePID" : "p08kzdjw", "deviceId" : "", "sessionLabels" : { } } } }; var firstVpid = 'p08ps3lf'; var lastVpid = 'p08ffjkz'; Playlist.init(selectors, smpData, firstVpid, lastVpid); }); </script> </div> <div class="content-item__section content-item-cta content-item__section--secondary"> <div class="content-item__section-content"> <div class=" button button--download-podcast button--immersive "><a class="button__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/interstitial?link=https%3A%2F%2Fwww.bbc.co.uk%2Fpodcasts%2Fseries%2Fcr" data-stats-interaction="download" data-stats-interaction-variant="podcast"><span class="button__inner"> <span class="gelicon gelicon--download"></span> <span class="button__text">Get this week's podcasts</span> </span></a></div> </div> </div> <div class="content-item__section content-item__section--information"> <div class="content-item__section-content"> <div class="content-item-description"> <div class="button-list-container button-list-container--above-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-andy-and-the-band-playlist"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">18</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-andy-and-the-band-playlist', 'isite'); }); </script> </div> </li></ul> </div> <div class="content-item-description__text-container"> <a class="content-item-description__brand-link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" title="Andy and the Band" data-stats-interaction="show_oj" data-stats-interaction-variant="text_link"> <span class="content-item-description__brand-name">All Andy and the Band</span> <span class="gelicon gelicon--next"></span> </a> <h1 class="content-item-description__heading"><span class="vh">Andy and the Band - </span>Andy and the Band Playlist</h1> <p class="content-item-description__description">Sing along with songs from Andy and the Band on CBeebies Radio.</p> </div> </div> <div class="button-list-container button-list-container--below-description"> <ul class="button-list"><li class="button-list__item content-item__heart-button"> <div class="heart-button"> <div class="button button--heart-button"> <button class="heart-button__button heart-button__button--cbeebies button__link" aria-pressed="false" aria-live="polite" aria-labelledby="heart-button__labels" data-heart-button-state="unselected" data-resource-id="urn:bbc:isite2:file_id:cbeebies:content-andy-and-the-band-playlist"> <span class="button__inner"> <span class="heart-button__icons heart-button__s"> <i aria-hidden="true" class="gelicon gelicon--love-outline heart-button__gelicon heart-button__icon heart-button__icon--unselected heart-button__icon--remove"></i> <i aria-hidden="true" class="gelicon gelicon--load heart-button__gelicon heart-button__icon heart-button__icon--in-progress"></i> <i aria-hidden="true" class="gelicon gelicon--love heart-button__gelicon heart-button__icon heart-button__icon--selected"></i> </span> <span class="heart-button__labels"> <span class="heart-button__label heart-button__s heart-button__label--add" role="presentation">Love</span> <span class="heart-button__label heart-button__s heart-button__label--added" role="presentation">Loved</span> <span class="heart-button__label heart-button__s heart-button__label--remove" role="presentation">Unlove</span> </span> </span> </button> <span class="heart-button__count"> <span class="button__add-on-container"> <span class="button__add-on ">18</span> </span> </span> </div> <div class="heart-button__tooltip"></div> <script> require(['activity-button/heart-button'], function (HeartButton) { HeartButton('urn:bbc:isite2:file_id:cbeebies:content-andy-and-the-band-playlist', 'isite'); }); </script> </div> </li></ul> </div> </div> </div> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--top"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Andy and the Band</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/andy-and-the-band-character-image.png" data-alt="Andy and the Band"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/andy-and-the-band-character-image.png" alt="Andy and the Band"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> <section class="content-item__section content-page__section--brand-onward-journey-footer brand-onward-journey--bottom"> <div class="brand-journey-card"> <div class="brand-journey-card__inner"> <div class="brand-journey-card__body-container"> <div class="brand-journey-card__title-container"> <a class="brand-journey-card__title-link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <h3 class="brand-journey-card__title">Andy and the Band</h3> </a> </div> <div class="brand-journey-card__image-container"> <a class="brand-journey-card__image-link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"> <span class="responsive-img responsive-img--5x6 brand-journey-card__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/andy-and-the-band-character-image.png" data-alt="Andy and the Band"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/andy-and-the-band-character-image.png" alt="Andy and the Band"/> </noscript> </span> </a> </div> <div class="brand-journey-card__button-container"> <div class="brand-journey-card__button button button--immersive "><a class="button__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><span class="button__inner"> <span class="button__text">View all</span> <i class="brand-journey-card__chevron button__icon-pre gelicon gelicon--next" aria-hidden="true"></i> </span></a></div> </div> </div> </div> </div> </section> </div> </section> <script> require(['jquery-1'], function ($) { var cover = $('.childrens-wrapper__cover'); var secondContentItemSection = $('.content-item__section').eq(1); function updateCoverHeight() { var height = secondContentItemSection.offset().top - cover.offset().top; if (height > 250) { cover.height(height); } } if (cover.length && secondContentItemSection.length) { updateCoverHeight(); var timer = null; $(window).on('orientationchange', updateCoverHeight); $(window).resize(function () { if (timer) { clearTimeout(timer); } timer = setTimeout(updateCoverHeight, 150); }); } var menuToggleButton = $('.menu__toggle'); menuToggleButton.click(function () { window.setTimeout(updateCoverHeight, 100); }); }); </script> <section class="onward-journeys content-page__section content-page__section--content-cards"> <div class="onward-journey__cards"> <ul class="content-list"> <li class="content-list__item" data-follows-panel-item data-resource-id="de648736-7268-454c-a7b1-dbff416f2865"> <a href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/topics/music" class="content-card content-card--topics content-card--styled content-card--stacked content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="topic_card" data-stats-interaction-position="0" data-site-section="topics"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/music-az.jpg" data-alt="CBeebies Music "></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/music-az.jpg" alt="CBeebies Music "/> </noscript> </span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="More Music "> More Music </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from 291 items">291 items</p> <ul class="content-card__counts"></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/radio/andy-and-the-band-odd-socks-vs-meme-cats" class="content-card content-card--radio content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="1" data-site-section="radio"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/andy-and-the-band_podcast-odd-socks-vs-meme-cat1.jpg" data-alt="Andy and the Band - Odd Socks Vs Meme Cats"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/andy-and-the-band_podcast-odd-socks-vs-meme-cat1.jpg" alt="Andy and the Band - Odd Socks Vs Meme Cats"/> </noscript> </span> </div> <div class="content-card__flag flag flag--auto-new flag--radio"> <span class="flag__icon"></span> <span class="flag__text">New</span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Odd Socks Vs Meme Cats"> Odd Socks Vs Meme Cats </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Andy and the Band">Andy and the Band</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">9</span> </span> </li></ul> </div> </div> </a> </li><li class="content-list__item" data-follows-panel-item data-resource-id=""> <a href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/radio/hey-duggee-ten-green-bottles-radio" class="content-card content-card--radio content-card--styled content-card--animated" data-stats-interaction="oj" data-stats-interaction-variant="content_card" data-stats-interaction-position="2" data-site-section="radio"> <div class="content-card__image-wrapper "> <div class="content-card__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/HeyDuggeeSongs_TenGreenBottles-Index.jpg" data-alt="Hey Duggee - Ten Green Bottles"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/HeyDuggeeSongs_TenGreenBottles-Index.jpg" alt="Hey Duggee - Ten Green Bottles"/> </noscript> </span> </div> <div class="content-card__flag flag flag--icon flag--radio"> <span class="flag__icon"></span> <span class="flag__text"></span> </div> </div><div class="content-card__info"> <p class="content-card__title" aria-label="Ten Green Bottles"> Ten Green Bottles </p> <div class="content-card__details"> <p class="content-card__subtitle " aria-label="from Hey Duggee">Hey Duggee</p> <ul class="content-card__counts"><li class="content-card__count content-card__count--reactions"> <i class="gelicon gelicon--smiley content-card__count-icon" aria-hidden="true"></i> <span class="content-card__reaction-count"> <span class="content-card__count-description">Number of Loves, LOLs and other reactions </span> <span class="content-card__count-number">18</span> </span> </li></ul> </div> </div> </a> </li> </ul> </div> </section> <script> require(['jquery-1', 'stats/stats', 'domReady!'], function ($, stats, domReady) { stats.recordEvent({ action_name: 'web_oj', action_type: 'view' }, $('.childrens-wrapper'), window.location.pathname); }); </script> <section class="content-page__section content-page__section--brandcards"> <a href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/andy-and-the-band" class="brandcard" data-stats-interaction="show_oj" data-stats-interaction-variant="panel"><div class="brandcard__inner"><div class="brandcard__image-container"> <div class="brandcard__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/andy-and-the-band-character-image.png" data-alt="Andy and the Band"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/andy-and-the-band-character-image.png" alt="Andy and the Band"/> </noscript> </span> </div> </div><div class="brandcard__text"> <span class="brandcard__text-inner"> <span class="brandcard__brand-prefix">All</span> <span class="brandcard__brand-name-container"> <span class="brandcard__brand-name">Andy and the Band <span class="brandcard__link-icon gelicon gelicon--next"></span></span> </span> </span> </div></div></a> </section> <section class="brand-shelf-section"> <p class="brand-shelf__title window window--extra-wide grid-container" hidden></p> <div class="brand-shelf-container window window--extra-wide"> <div id="brand-shelf" data-simple-carousel class="brand-shelf simple-carousel"> <div class="brand-shelf__main"> <div class="simple-carousel__controls"> <div class="brand-shelf__curtain brand-shelf__curtain--left"></div> <div class="brand-shelf__curtain brand-shelf__curtain--right"></div> <button class="brand-shelf__button brand-shelf__button--prev simple-carousel__button--prev"> <span class="vh">Previous items</span> <i class="gelicon gelicon--previous" aria-hidden="true"></i> </button> <button class="brand-shelf__button brand-shelf__button--next simple-carousel__button--next"> <span class="vh">Next items</span> <i class="gelicon gelicon--next" aria-hidden="true"></i> </button> </div> <div class="simple-carousel__window brand-shelf__window"> <div class="simple-carousel__panel"> <ul class="brand-shelf__list"><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/bluey" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Bluey-brandp-a-z2.png" data-alt="Bluey character in an orange egg."></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Bluey-brandp-a-z2.png" alt="Bluey character in an orange egg."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/jojo-and-gran" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/jojo-and-grangran-brand-egg.png" data-alt="JoJo & Gran Gran."></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/jojo-and-grangran-brand-egg.png" alt="JoJo & Gran Gran."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/numberblocks" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/numberblocks-egg-v4.png"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/numberblocks-egg-v4.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/cbeebies-house" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Cbeebies-House-Egg-Evie-Ben.png" data-alt="Evie and Ben from CBeebies House."></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Cbeebies-House-Egg-Evie-Ben.png" alt="Evie and Ben from CBeebies House."/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/something-special" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="4"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/something-special-brand-shelf.png"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/something-special-brand-shelf.png" alt=""/> </noscript> </span> </a> </li><li class="simple-carousel__item brand-shelf__item"> <a class="brand-shelf__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows/swashbuckle-online" data-stats-interaction="brand_shelf" data-stats-interaction-variant="show" data-stats-interaction-position="5"> <span class="responsive-img responsive-img--5x6 brand-shelf__image"> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/swashbuckle-s7-brand_egg.png" data-alt="A woman (Gem) has her hands on her hips and is smiling, whilst a woman (captain) has her hands on her hips and it looking over in suspicion at Gem."></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/swashbuckle-s7-brand_egg.png" alt="A woman (Gem) has her hands on her hips and is smiling, whilst a woman (captain) has her hands on her hips and it looking over in suspicion at Gem."/> </noscript> </span> </a> </li></ul> </div> </div> </div> </div> <div class="brand-shelf__all-shows-link button button--center button--shows "><a class="button__link" href="/web/20220323035708/https://www.bbc.co.uk/cbeebies/shows" data-stats-interaction="brand_shelf" data-stats-interaction-variant="all_shows"><span class="button__inner"> <span class="button__text">All shows</span> <i class="button__icon-gel gelicon gelicon--next gelicon--trailing" aria-hidden="true"></i> </span></a></div> </div> </section> <section class="channel-banner-section" data-channel-banner data-channel-banner-enable-close-persist="true" data-ng-class="{'channel-banner-section--hide' : isChannelBannerHidden}"> <script> (function () { var cookieCheckingEnabled = true; var channelBannerSection = document.querySelector(".channel-banner-section"); function hideChannelBannerIfCookieIsSet() { var channelBannerCookieName = 'ckps_cbeebies_channel_banner_hidden'; var hideCookieIsSet = document.cookie.indexOf(" " + channelBannerCookieName + "=true") > 0; if (hideCookieIsSet) { channelBannerSection.className += ' channel-banner-section--hide'; } } function showCloseButtonIfCookiesAreAllowed() { var cookiePolicy = window.bbccookies.readPolicy(); var personalisationAllowed = cookiePolicy.personalisation; if (personalisationAllowed) { showCloseButton(); } } function showCloseButton() { channelBannerSection.className += ' channel-banner-section--show-close'; } if (cookieCheckingEnabled) { hideChannelBannerIfCookieIsSet(); showCloseButtonIfCookiesAreAllowed(); } else { showCloseButton(); } })() </script> <div class="channel-banner-section__inner window window--extra-wide"> <div class="channel-banner"> <div class="channel-banner__inner"> <div class="channel-banner__title-bar"> <a class="channel-banner__logo" href="/web/20220323035708/https://www.bbc.co.uk/cbbc" data-istats-click="cross_channel_logo" data-stats-interaction="channel_banner" data-stats-interaction-variant="logo"> <img class="channel-banner__logo-image" alt="CBBC logo" src="https://web.archive.org/web/20220323035708im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/images/channel-banner/logo.png"/> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> <div class="channel-banner__main"> <ul class="channel-banner__list"> <li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20220323035708/https://www.bbc.co.uk/cbbc/shows/the-deep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="0"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/the-deep-crossover-panel.png"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/the-deep-crossover-panel.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20220323035708/https://www.bbc.co.uk/cbbc/shows/shaun-the-sheep" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="1"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Shaun-the-sheep.png"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Shaun-the-sheep.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20220323035708/https://www.bbc.co.uk/cbbc/shows/danger-mouse" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="2"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/Dm-crossover-panel2.png"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/Dm-crossover-panel2.png" alt=""/> </noscript> </span> </span> </a> </li><li class="channel-banner__list-item"> <a class="channel-banner__link channel-banner-link" href="/web/20220323035708/https://www.bbc.co.uk/cbbc/shows/blue-peter" data-stats-interaction="channel_banner" data-stats-interaction-variant="show" data-stats-interaction-position="3"> <span class="channel-banner-link__image"> <span class="responsive-img responsive-img--16x9 "> <span class="delayed-png-image-load" data-src="https://web.archive.org/web/20220323035708/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/{width}/{pixel_ratio}x/cbeebies/BP-crossover-panel-2.png" data-alt="Blue Peter image"></span> <noscript> <img src="https://web.archive.org/web/20220323035708im_/https://ichef.bbci.co.uk/childrens-responsive-ichef-live/r/400/1x/cbeebies/BP-crossover-panel-2.png" alt="Blue Peter image"/> </noscript> </span> </span> </a> </li> </ul> <div class="channel-banner__footer"> <a class="channel-banner-close" data-stats-interaction="channel_banner" data-stats-interaction-variant="close" data-stats-interaction-action="button" data-channel-banner-close data-feedback-banner-open> <i aria-hidden="true" class="gelicon gelicon--no gelicon--leading"></i><span class="channel-banner-close__text">No thanks</span> </a> <span class="channel-banner__title">Are you ready to try CBBC?</span> </div> </div> </div> </div> </div> </section> <section class="feedback-banner-section" data-feedback-banner data-ng-class="{'feedback-banner-section--show' : !isFeedbackBannerHidden}"> <div class="feedback-banner-container window window--extra-wide"> <div class="feedback-banner"> <span class="feedback-banner__close" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="hide" data-stats-interaction-action="button" data-istats-click="cross_channel_hide"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> <p class="feedback-banner__message">We'll hide these CBBC shows for 30 days.</p> <p class="feedback-banner__undo"><a class="feedback-banner__undo-link" data-feedback-banner-close data-channel-banner-open data-stats-interaction="channel_banner" data-stats-interaction-variant="undo" data-stats-interaction-action="button" data-istats-click="cross_channel_undo">Bring them back!</a></p> <p class="feedback-banner__question">Why did you hide them?</p> <ul class="feedback-banner__options"> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="0" data-stats-interaction-action="button" data-istats-pos="0" data-istats-click="cross_channel_feedback"> <span>Not familiar with CBBC</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="1" data-stats-interaction-action="button" data-istats-pos="1" data-istats-click="cross_channel_feedback"> <span>Didn't like those shows</span> </li> <li class="feedback-banner__option" data-feedback-banner-close data-stats-interaction="channel_banner" data-stats-interaction-variant="feedback" data-stats-interaction-position="2" data-stats-interaction-action="button" data-istats-pos="2" data-istats-click="cross_channel_feedback"> <span>Too young for CBBC</span> </li> </ul> <div class="feedback-banner__image"> <img class="feedback-banner__image-inner" src="https://web.archive.org/web/20220323035708im_/https://childrens-web.files.bbci.co.uk/cbeebies/www/assets/997c420/images/feedback/feedbackImage.png" alt=""/> </div> </div> </div> </section> </div> <div class="cf"></div> </div> <div id="heart-button-isite-tooltip"> <div class="tooltip heart-button__tooltip" data-active-tooltip=""> <span class="tooltip__pointer"></span> <div class="tooltip__inner"> <div class="tooltip__content tooltip__content--upsell"> <p class="tooltip__subtitle"> Love this? Sign in to let us know. </p> <div class="tooltip__idcta"> <p class="id4-cta"> <span class="id4-cta-size-medium id4-cta-color-blue id4-cta-medium-blue"> <a href="" class="id4-cta-signin id4-cta-button">Sign in</a> <span class="id4-cta-with"> with your BBC iD,</span> or <a href="" class="id4-cta-register">Register</a> </span> <script> require(['jquery-1', 'idcta-v2/id-config'], ($, idctaConfig) => { idctaConfig.getConfigAsync() .then((idConfig) => { $('.id4-cta-signin').each(function () { if (idConfig.signin_url) { this.href = idConfig.signin_url; } }); $('.id4-cta-register').each(function () { if (idConfig.register_url) { this.href = idConfig.register_url; } }); }); }); </script> </p> </div> </div> <div class="tooltip__content tooltip__content--error"> <p class="tooltip__title"> <span class="add-to__icons add-to__s"> <i aria-hidden="true" class="gelicon gelicon--alert add-to__gelicon add-to__icon"></i> </span>Something's gone wrong </p> <p class="tooltip__body tooltip__try-again">Please try again later</p> </div> <button href="#" class="tooltip__close add-to__tab" title="Close" aria-label="Close Tooltip"> <span class="tooltip__close-icon"> <i aria-hidden="true" class="gelicon gelicon--no"></i> </span> </button> </div> </div> </div> <script type="text/javascript"> require(['lib/Imager', 'lib/minpubsub'], function (Imager, pubsub) { Imager.transforms.pixelRatio = function (value) { return value; }; var availableWidths = [80, 160, 240, 320, 400, 480, 560, 640, 720, 800, 880, 960]; var imagerDefault = new Imager('.delayed-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], loadHidden: false }); var imagerPng = new Imager('.delayed-png-image-load', { availableWidths: availableWidths, availablePixelRatios: [1], loadHidden: false }); var imagerGif = new Imager('.delayed-gif-image-load', { availableWidths: availableWidths, availablePixelRatios: [1, 1.5], lazyload: true, loadHidden: false }); pubsub.subscribe('/showMore/updateImages', function () { imagerDefault.add('.delayed-image-load'); imagerPng.add('.delayed-png-image-load'); }); pubsub.subscribe('/imager/addPngImages', function (selector) { imagerPng.add(selector); }); pubsub.subscribe('/imager/addImages', function (selector) { imagerDefault.add(selector); }); }); require(['childrens/singlePlayingVideo'], function (singlePlayingVideo) { setTimeout(singlePlayingVideo.setup, 2000); }); require(['stats/riddle-events'], function (riddleEvents) { riddleEvents.init(); }); require(['angular/app'], function () {}); </script> <script type="text/javascript"> var cookiePolicy = window.bbccookies.readPolicy(); if (true || cookiePolicy.performance) { var _sf_async_config = {"domain":"bbc.co.uk","region":"domestic","uid":50924,"sections":"childrens, cbeebies"}; _sf_async_config.path = window.location.pathname; (function () { function loadChartbeat() { window._sf_endpt = (new Date()).getTime(); var e = document.createElement("script"); e.setAttribute("language", "javascript"); e.setAttribute("type", "text/javascript"); e.setAttribute('src', "//web.archive.org/web/20220323035708/https://static.chartbeat.com/js/chartbeat.js"); document.body.appendChild(e); } var oldonload = window.onload; window.onload = (typeof window.onload != "function") ? loadChartbeat : function () { oldonload(); loadChartbeat(); }; })(); } </script> </div> <div id="orb-footer" class="orb-footer" dir="ltr"> <div id="navp-orb-footer-promo"></div><aside role="complementary"><div id="orb-aside" class="orb-nav-sec b-r b-g-p"><div class="orb-footer-inner" role="navigation" aria-label="BBC"><h2 class="orb-footer-lead">Explore the BBC</h2><div class="orb-footer-primary-links"><ul><li class="orb-nav-cbeebies"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbeebies">CBeebies</a></li><li class="orb-nav-iplayer"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/tv/cbeebies">CBeebies iPlayer</a></li><li class="orb-nav-grownups orb-d"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbeebies/grownups">Grown-ups</a></li><li class="orb-nav-cbeebiesguide"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/iplayer/guide/cbeebies">TV Guide</a></li><li class="orb-nav-cbbc"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/cbbc">CBBC</a></li><li class="orb-nav-cbeebiesbitesize orb-d"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/bitesize">Bitesize</a></li></ul></div></div></div></aside><footer role="contentinfo"><div id="orb-contentinfo" class="orb-nav-sec b-r b-g-p"><script>window.orb = window.orb || {}; window.orb.worldwideFooterlinks = '<li class="orb-footer-ads"><a href="https://web.archive.org/web/20220323035708/https://www.bbcglobalnews.com/">Advertise with us<' + '/a><' + '/li><li class="orb-footer-adchoices"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.com/usingthebbc/cookies/how-does-the-bbc-use-cookies-for-advertising/">AdChoices / Do Not Sell My Info<' + '/a><' + '/li>';</script><div class="orb-footer-inner"><div><ul><li class="orb-footer-terms"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/usingthebbc/terms/">Terms of Use</a></li><li class="orb-footer-about"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/aboutthebbc">About the BBC</a></li><li class="orb-footer-privacy"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/usingthebbc/privacy/">Privacy Policy</a></li><li class="orb-footer-cookies"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/usingthebbc/cookies/">Cookies</a></li><li class="orb-footer-accessibility"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/accessibility/">Accessibility Help</a></li><li class="orb-footer-parental"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/guidance">Parental Guidance</a></li><li class="orb-footer-contact"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/contact">Contact the BBC</a></li><li class="orb-footer-newsletter"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/bbcnewsletter">Get Personalised Newsletters</a></li></ul><small><em class="orb-hilight">Copyright © 2022 BBC.</em> The BBC is not responsible for the content of external sites. <span class="orb-footer-links"><a href="https://web.archive.org/web/20220323035708/https://www.bbc.co.uk/editorialguidelines/guidance/feeds-and-links" class="orb-hilight">Read about our approach to external linking.</a></span></small></div></div></div></footer></div><script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/redirect.bundle.js" async=""></script><script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/performance.bundle.js" data-release="3.0.0-1886.f4b00b7b" data-ux="orb" data-reqjs="" async=""></script> <script id="orb-js-script" data-assetpath="https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/" src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/orb.min.js"></script> <script type="module" src="https://web.archive.org/web/20220323035708jm_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/orbit.js" async=""></script><script nomodule="" type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/legacy-orbit.js" async=""></script><script type="text/javascript">/*<![CDATA[*/ (function() { function loadJs(url) { var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.async = true; document.getElementsByTagName('body')[0].appendChild(script); } window.bbcuser.isUKCombined().then(function(isUK) { if (isUK) { loadJs('https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/orbit/3b35b2b296cd1fca9b0ff2242e7f0c9b/js/edr.min.js'); } }); })(); /*]]>*/</script> <script type="text/javascript" src="https://web.archive.org/web/20220323035708js_/https://nav.files.bbci.co.uk/navpromo/34f98a4c8573fabed16dc8acea28feb8/js/footerpromo.js" data-base="https://navpromo.api.bbci.co.uk" data-variant="cbeebies" async=""></script> <script type="text/javascript">window.COOKIES_STATIC_HOST="https://web.archive.org/web/20220323035708/https://static.files.bbci.co.uk/cookies/6868f40b6841deedfcf9895de775e1ab/cookie-banner/cookie-prompt/"</script><script src="https://web.archive.org/web/20220323035708js_/https://static.files.bbci.co.uk/cookies/6868f40b6841deedfcf9895de775e1ab/cookie-banner/cookie-banners.bundle.js" async=""></script> <script src="https://web.archive.org/web/20220323035708js_/https://nav.files.bbci.co.uk//user-activity-helper/a8196ecdef2d10b40b1afc53b833773a/js/detectview.bundle.js" async=""></script><script type="text/javascript">"use strict";window.__reverb.__reverbLoadedPromise.then(function(e){return e.initialise().then(function(){return e.viewEvent()})},function(){console.log("Failed to load reverb. No event sent")});</script> </body> </html>

CINXE.COM

Andy and the Band Playlist - CBeebies - BBC