List

Subtle yet effective background music for stores, websites, events, and experiences.
Relaxing, rhythmic, or moody—crafted to support without distracting.

🎼 Music Production Services

<p class="large" style="text-align: center;">Catchy, memorable jingles tailored for brands, ads, podcasts, and campaigns.</p>

Audio workplace,recording studio,computer music studio.3d rendering

🎵 Custom Jingles

<p class="large">Engage audiences with visually stunning, user-friendly websites that captivate and inspire.</p>

Foggy bridge with glowing streetlights, mysterious road ahead, wet pavement, blue twilight, empty path, future journey, atmospheric scene, urban landscape, surreal mood, 3d rendering

🎬 Cinematic Music

<p class="large">Perfect for solo artists, bands, or vocalists looking for unique, high-quality tracks across genres.</p>

🎤 Custom Songs

<p class="large">Signature intros, outros, and background music to enhance your podcast or video channel.</p>

📻 Podcast & YouTube

<p class="large">Fast, trendy, and viral-ready music bites for Instagram Reels, TikToks, ads, or short promos.</p>

📱 Social Media Audio

<p class="large">Subtle yet effective background music for stores, websites, events, and experiences.</p>

Abstract defocused lens red light leak on blue background

🎧 Ambient & Background

Video

<p><strong>Bring Your Sound to Life</strong><br />From concept to final master, we create original soundscapes tailored to your vision. Whether you’re producing a single track or a full project, our team in Colombia blends creativity, technical expertise, and global industry standards to deliver professional music that resonates.</p>
<p> </p>

Sound frequency

🎛 Customized Music Production

<p><strong>Make Your Brand Unforgettable</strong><br />We craft powerful, catchy jingles and sonic logos that stick in your audience’s mind. More than background music, our audio branding enhances your identity—designed to cut through the noise and create instant recognition across TV, radio, and digital platforms.</p>

asian male producer recording, editing, mixing sound on computer in home studio, music production concept

🔔 Signature Jingles & Audio Branding

<p><strong>Music that Moves with Your Story</strong><br />From commercials and podcasts to film scores, we design immersive audio that elevates your visuals. Our team fuses emotional depth with cutting-edge production, creating soundtracks that spark connection and amplify impact.</p>

Contemporary art collage. Concept of music lifestyle, creativity, inspiration, imagination, ad. Musical instruments on bright background

🎥 Sound Design for Media

Embed

<style>
  .s55pl{
    background:#16181d;border:1px solid #262a31;border-radius:16px;padding:14px;
    width:min(100%,780px); /* fix width so content can't widen the box */
    margin:0 auto; box-sizing:border-box;
  }
  .s55pl-controls{
    display:grid;
    grid-template-columns:136px 1fr 110px; /* stable columns (3 x 40px btns + gaps, title, time) */
    gap:12px; align-items:center; margin-bottom:10px
  }
  .s55pl-btns{display:flex;gap:8px}
  .s55pl-btn{height:40px;width:40px;border-radius:999px;border:0;background:#ff2d55;color:#fff;font-size:18px;cursor:pointer}
  .s55pl-btn.secondary{background:#262a31;border:1px solid #30333a}
  .s55pl-title{color:#e9edf1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .s55pl-right{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}
  .s55pl-time{color:#aab2bd;font-variant-numeric:tabular-nums;font-size:12px;min-width:110px;text-align:right}
  .s55pl-wave{height:60px;border-radius:10px;background:#0b0d11;overflow:hidden;margin-bottom:10px}
  .s55pl-err{color:#ff9aa2;font-size:12px;margin:6px 0 0 0;min-height:16px}

  .s55pl-list{
    max-height:330px; overflow-y:auto; display:flex; flex-direction:column; gap:6px;
    scrollbar-gutter:stable; /* reserve space so scrollbar appearing won't change width */
  }
  .s55pl-item{display:grid;grid-template-columns:28px 1fr 60px;gap:8px;align-items:center;
    padding:8px 10px;border:1px solid #2a3038;border-radius:10px;background:#1a1e25;color:#e9edf1;cursor:pointer}
  .s55pl-item:hover{background:#20242d}
  .s55pl-idx{color:#aab2bd;text-align:center}
  .s55pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .s55pl-badge{justify-self:end;color:#c8ced8;background:#1c2027;border:1px solid #2a3038;border-radius:999px;font-size:11px;padding:3px 8px}
  .s55pl-item.active{box-shadow:inset 0 0 0 2px #ff2d55} /* highlight without any layout shift */
  @media (max-width:600px){ .s55pl-controls{grid-template-columns:120px 1fr 100px} }
</style>

<div class="s55pl" id="s55pl-root">
  <div class="s55pl-controls">
    <div class="s55pl-btns">
      <button class="s55pl-btn secondary" data-action="prev">⏮</button>
      <button class="s55pl-btn" data-action="play">▶</button>
      <button class="s55pl-btn secondary" data-action="next">⏭</button>
    </div>
    <div class="s55pl-title" data-role="title">Loading…</div>
    <div class="s55pl-right">
      <div class="s55pl-time" data-role="time">00:00 / 00:00</div>
    </div>
  </div>

  <div class="s55pl-wave" id="s55pl-wave"></div>
  <div class="s55pl-err" id="s55pl-err"></div>
  <div class="s55pl-list" id="s55pl-list"></div>
</div>

<script>
(function(){
  function ensureWS(cb){
    if (window.WaveSurfer) return cb();
    var s=document.createElement('script');
    s.src='https://unpkg.com/wavesurfer.js@7/dist/wavesurfer.min.js';
    s.onload=cb; document.head.appendChild(s);
  }

  // Same 3 files, repeated to 9
  const t1 = { title:'Cinematic riser & bass boom', artist:'Swoop',    file:'https://cdn.commoninja.com/asset/54dc1713-ac64-4ec1-81b6-a960e58dea8c.mp3?filename=cinematic-boom-example.mp3' };
  const t2 = { title:'Vinyl record scratchy stop',  artist:'Soundroll',file:'https://cdn.pixabay.com/download/audio/2021/09/17/audio_6b1e0.mp3?filename=vinyl-stop-example.mp3' };
  const t3 = { title:'Whoosh – smooth swoosh',      artist:'Locran',   file:'https://cdn.commoninja.com/asset/89b311a7-4957-4269-81a3-4674bc510014.mp3' };
  const PLAYLIST = [t1,t2,t3,t1,t2,t3,t1,t2,t3];

  const fmt = s => !isFinite(s) ? '00:00' :
    String(Math.floor(s/60)).padStart(2,'0')+':'+String(Math.floor(s%60)).padStart(2,'0');

  ensureWS(function(){
    const root   = document.getElementById('s55pl-root');
    const titleEl= root.querySelector('[data-role="title"]');
    const timeEl = root.querySelector('[data-role="time"]');
    const listEl = document.getElementById('s55pl-list');
    const errEl  = document.getElementById('s55pl-err');

    // Build track list
    listEl.innerHTML='';
    PLAYLIST.forEach((t,i)=>{
      const row=document.createElement('div');
      row.className='s55pl-item'; row.dataset.idx=i;
      row.innerHTML=`<div class="s55pl-idx">${i+1}</div>
                     <div class="s55pl-name">${t.title}</div>
                     <div class="s55pl-badge">SFX</div>`;
      listEl.appendChild(row);
    });

    // MediaElement backend (CORS-friendly) + stable layout
    const media = new Audio();
    media.crossOrigin='anonymous';
    media.preload='metadata';

    const ws = WaveSurfer.create({
      container:'#s55pl-wave',
      backend:'MediaElement',
      media,
      url: PLAYLIST[0].file,
      waveColor:'#394150', progressColor:'#44d17a', cursorColor:'#c9ced6',
      height:60, barWidth:2, barGap:2, dragToSeek:true
    });

    let idx=0;
    function setActive(i,autoplay=false){
      idx=(i+PLAYLIST.length)%PLAYLIST.length;
      const tr=PLAYLIST[idx];
      errEl.textContent='';
      titleEl.textContent=tr.title+(tr.artist?(' — '+tr.artist):'');
      [...listEl.children].forEach(el=>el.classList.toggle('active', Number(el.dataset.idx)===idx));
      ws.load(tr.file);
      if(autoplay) ws.once('ready', ()=> ws.play());
      // keep active item in view without big jumps
      const row=listEl.children[idx]; if(row) row.scrollIntoView({block:'nearest', inline:'nearest'});
    }

    // Controls
    const playBtn=root.querySelector('[data-action="play"]');
    root.querySelector('[data-action="prev"]').addEventListener('click', ()=> setActive(idx-1,false));
    root.querySelector('[data-action="next"]').addEventListener('click', ()=> setActive(idx+1,false));
    playBtn.addEventListener('click', ()=> ws.playPause());
    listEl.addEventListener('click', e=>{
      const row=e.target.closest('.s55pl-item'); if(!row) return;
      setActive(Number(row.dataset.idx), true);
    });

    // Events
    ws.on('play', ()=> playBtn.textContent='⏸');
    ws.on('pause',()=> playBtn.textContent='▶');
    ws.on('ready',()=> timeEl.textContent='00:00 / '+fmt(ws.getDuration()));
    ws.on('timeupdate', t => timeEl.textContent=fmt(t)+' / '+fmt(ws.getDuration()));
    ws.on('finish',()=> setActive(idx+1, true));
    ws.on('error', e=> { errEl.textContent='Load error: '+(e && e.message ? e.message : e); });

    setActive(0,false);
  });
})();
</script>

<style>
  .s55pl{background:#16181d;border:1px solid #262a31;border-radius:16px;padding:14px;
         width:min(100%,900px);margin:0 auto;box-sizing:border-box;overflow:hidden}
  .s55pl-cover{width:100%;height:300px;border-radius:12px;object-fit:cover;display:block;margin-bottom:10px}

  .s55pl-controls{
    display:grid;
    grid-template-columns:136px minmax(0,1fr) 230px;  /* <- widened right column */
    gap:12px;align-items:center;margin-bottom:10px
  }
  .s55pl-btns{display:flex;gap:8px}
  .s55pl-btn{height:40px;width:40px;border-radius:999px;border:0;background:#ff2d55;
             color:#fff;font-size:18px;cursor:pointer}
  .s55pl-btn.secondary{background:#262a31;border:1px solid #30333a}
  .s55pl-title{color:#e9edf1;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .s55pl-right{display:flex;align-items:center;justify-content:flex-end;gap:8px}
  .s55pl-time{color:#aab2bd;font-variant-numeric:tabular-nums;font-size:12px;min-width:84px;text-align:right}
  .s55pl-mute{height:28px;width:28px;border-radius:999px;border:1px solid #2a3038;background:#1c2027;color:#cfd5dd;cursor:pointer}
  .s55pl-vol{accent-color:#44d17a;width:120px;max-width:140px}

  .s55pl-wave{height:60px;border-radius:10px;background:#0b0d11;overflow:hidden;margin-bottom:10px}

  .s55pl-err{color:#ff9aa2;font-size:12px;margin:6px 0 0 0;min-height:16px}

  .s55pl-list{max-height:330px;overflow-y:auto;display:flex;flex-direction:column;gap:6px;scrollbar-gutter:stable}
  .s55pl-item{display:grid;grid-template-columns:28px 1fr 60px;gap:8px;align-items:center;
              padding:8px 10px;border:1px solid #2a3038;border-radius:10px;background:#1a1e25;color:#e9edf1;cursor:pointer}
  .s55pl-item:hover{background:#20242d}
  .s55pl-idx{color:#aab2bd;text-align:center}
  .s55pl-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .s55pl-badge{justify-self:end;color:#c8ced8;background:#1c2027;border:1px solid #2a3038;border-radius:999px;font-size:11px;padding:3px 8px}
  .s55pl-item.active{box-shadow:inset 0 0 0 2px #ff2d55}

  @media (max-width:900px){ .s55pl-cover{height:240px} }
  @media (max-width:600px){
    .s55pl-controls{grid-template-columns:120px minmax(0,1fr) 190px}
    .s55pl-cover{height:200px}
    .s55pl-vol{width:72px}
  }
</style>

<div class="s55pl" id="s55pl-root">
  <img class="s55pl-cover"
       src="https://studio55.cloud/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F12leFkKb4TZYEHB9SDedfqQcJkV7UoGTwGAlmngsyViRCXIJm9eKvB0S0kO3n100.png&w=1920&q=90"
       alt="Cover art" loading="lazy"/>

  <div class="s55pl-controls">
    <div class="s55pl-btns">
      <button class="s55pl-btn secondary" data-action="prev" aria-label="Previous">⏮</button>
      <button class="s55pl-btn" data-action="play" aria-label="Play/Pause">▶</button>
      <button class="s55pl-btn secondary" data-action="next" aria-label="Next">⏭</button>
    </div>
    <div class="s55pl-title" data-role="title">Loading…</div>
    <div class="s55pl-right">
      <div class="s55pl-time" data-role="time">00:00 / 00:00</div>
      <button class="s55pl-mute" data-action="mute" aria-label="Mute/Unmute">🔇</button>
      <input class="s55pl-vol" type="range" min="0" max="1" step="0.01" value="0.8" aria-label="Volume"/>
    </div>
  </div>

  <div class="s55pl-wave" id="s55pl-wave"></div>
  <div class="s55pl-err" id="s55pl-err"></div>
  <div class="s55pl-list" id="s55pl-list"></div>
</div>

<script>
(function(){
  function ensureWS(cb){
    if (window.WaveSurfer) return cb();
    var s=document.createElement('script');
    s.src='https://unpkg.com/wavesurfer.js@7/dist/wavesurfer.min.js';
    s.onload=cb; document.head.appendChild(s);
  }

  // 8 tracks (your two files, repeated)
  const A = { title:'Track A', artist:'Studio 55', file:'https://cdn.commoninja.com/asset/ecd65198-c98b-4082-bb84-13dc02071b0d.mp3' };
  const B = { title:'Track B', artist:'Studio 55', file:'https://cdn.commoninja.com/asset/ba1f6003-ec2e-4a3f-9143-c63d75912acd.mp3' };
  const PLAYLIST = [A,B,A,B,A,B,A,B];

  const fmt = s => !isFinite(s) ? '00:00' :
    String(Math.floor(s/60)).padStart(2,'0') + ':' + String(Math.floor(s%60)).padStart(2,'0');

  ensureWS(function(){
    const root   = document.getElementById('s55pl-root');
    const titleEl= root.querySelector('[data-role="title"]');
    const timeEl = root.querySelector('[data-role="time"]');
    const listEl = document.getElementById('s55pl-list');
    const errEl  = document.getElementById('s55pl-err');
    const muteBtn= root.querySelector('[data-action="mute"]');
    const volEl  = root.querySelector('.s55pl-vol');
    const playBtn= root.querySelector('[data-action="play"]');

    // Build list
    listEl.innerHTML='';
    PLAYLIST.forEach((t,i)=>{
      const row=document.createElement('div');
      row.className='s55pl-item'; row.dataset.idx=i;
      row.innerHTML=`<div class="s55pl-idx">${i+1}</div>
                     <div class="s55pl-name">${t.title}</div>
                     <div class="s55pl-badge">SFX</div>`;
      listEl.appendChild(row);
    });

    // Use a real <audio> (best for cross-origin)
    const media = new Audio();
    media.crossOrigin='anonymous';
    media.preload='metadata';
    media.volume = parseFloat(volEl.value || '0.8');

    const ws = WaveSurfer.create({
      container:'#s55pl-wave',
      backend:'MediaElement',
      media,
      url: PLAYLIST[0].file,
      waveColor:'#394150',
      progressColor:'#44d17a',
      cursorColor:'#c9ced6',
      height:60, barWidth:2, barGap:2, dragToSeek:true
    });

    let idx=0;
    function setActive(i, autoplay=false){
      idx=(i+PLAYLIST.length)%PLAYLIST.length;
      const tr=PLAYLIST[idx];
      errEl.textContent='';
      titleEl.textContent=tr.title+(tr.artist?(' — '+tr.artist):'');
      [...listEl.children].forEach(el=>el.classList.toggle('active', Number(el.dataset.idx)===idx));
      ws.load(tr.file);
      if(autoplay) ws.once('ready', ()=> ws.play());
      const row=listEl.children[idx]; if(row) row.scrollIntoView({block:'nearest', inline:'nearest'});
    }

    // Controls
    root.querySelector('[data-action="prev"]').addEventListener('click', ()=> setActive(idx-1,false));
    root.querySelector('[data-action="next"]').addEventListener('click', ()=> setActive(idx+1,false));
    playBtn.addEventListener('click', ()=> ws.playPause());

    listEl.addEventListener('click', e=>{
      const row=e.target.closest('.s55pl-item'); if(!row) return;
      setActive(Number(row.dataset.idx), true);
    });

    muteBtn.addEventListener('click', ()=>{
      media.muted = !media.muted;
      muteBtn.textContent = media.muted ? '🔈' : '🔇';
    });
    volEl.addEventListener('input', e=>{ media.volume = parseFloat(e.target.value||'0.8'); });

    // Events
    ws.on('play', ()=> playBtn.textContent='⏸');
    ws.on('pause',()=> playBtn.textContent='▶');
    ws.on('ready',()=> timeEl.textContent='00:00 / '+fmt(ws.getDuration()));
    ws.on('timeupdate', t => timeEl.textContent=fmt(t)+' / '+fmt(ws.getDuration()));
    ws.on('finish',()=> setActive(idx+1, true));
    ws.on('error', e=> { errEl.textContent='Load error: '+(e && e.message ? e.message : e); });

    setActive(0,false);
  });
})();
</script>

🎼 Music Production Services

FAQ