How To Have A Background Music Player On Tumblr

SoundCloud Music Player

Tumblr officially supports the audio player widget from the music-focused social media platform SoundCloud. In fact, you can post a SoundCloud song directly to your Tumblr blog, as SoundCloud provides the HTML code you need to embed a song within your Tumblr blog theme: find a song’s “” embed code by clicking its “Share” and then “Embed” buttons, and then copy the code and paste it into your Tumblr blog theme immediately after the “</head>” tag or directly above the “</body>” tag. Save your changes so that the song plays automatically whenever someone visits your Tumblr blog.</p><h3 id=third-party-music-players>Third-Party Music Players<a hidden class=anchor aria-hidden=true href=#third-party-music-players>#</a></h3><p>Several third-party music player widgets can also work for this purpose. For example, the StreamPad, WikiPlayer or Billy Music Player websites can help you build a custom audio widget that will play MP3s from the Web or the audio portion of YouTube videos. Create your custom player, and then enable the “AUTOPLAY” option so that you can add its embed code to your Tumblr blog’s theme.</p><h3 id=html5-audio-files>HTML5 Audio Files<a hidden class=anchor aria-hidden=true href=#html5-audio-files>#</a></h3><p>The HTML5 standard enables you to play background music with as little as three lines of code. The “<audio>” tag needs the URL for the MP3, WAV or OGG audio file you want to play. For example, if you have an MP3 file with the URL “<a href=http://copyrightfreesongs.com/mysong.mp3,%22>http://copyrightfreesongs.com/mysong.mp3,"</a> you would add the following code to your Tumblr blog: <audio autoplay><source src=http://copyrightfreesongs.com/mysong.mp3 type=audio/mpeg></audio>The “autoplay” attribute causes the song to play automatically whenever someone visits your blog.</p><h3 id=considerations>Considerations<a hidden class=anchor aria-hidden=true href=#considerations>#</a></h3><p>One reason Tumblr gives for not supporting background music is that “it’s kind of tacky!” Even if you put a lot of thought into the music you will use, it may not appeal to some of your visitors. In addition, background music can increase the time it takes for your blog pages to load – for some visitors, the wait may not be worth it and they will simply visit another website instead. Finally, if you use music you did not create yourself or have explicit permission to use, you may unintentionally violate the copyright owner’s rights and affect their livelihood. Writer Bio</p><img loading=lazy src=//itstillworks.com/public/favicons/favicon-32x32.png onerror='this.onerror=null,this.src="https://blogger.googleusercontent.com/img/a/AVvXsEhe7F7TRXHtjiKvHb5vS7DmnxvpHiDyoYyYvm1nHB3Qp2_w3BnM6A2eq4v7FYxCC9bfZt3a9vIMtAYEKUiaDQbHMg-ViyGmRIj39MLp0bGFfgfYw1Dc9q_H-T0wiTm3l0Uq42dETrN9eC8aGJ9_IORZsxST1AcLR7np1koOfcc7tnHa4S8Mwz_xD9d0=s16000"' alt="How to Have a Background Music Player on Tumblr - 55"></div><footer class=post-footer><ul class=post-tags></ul><nav class=paginav><a class=prev href=https://itstillworksai.pages.dev/posts/how-to-go-incognito-on-internet-explorer/><span class=title>« Prev</span><br><span>How To Go Incognito On Internet Explorer</span></a> <a class=next href=https://itstillworksai.pages.dev/posts/how-to-hook-up-a-dsl-modem/><span class=title>Next »</span><br><span>How To Hook Up A Dsl Modem</span></a></nav><div class=share-buttons><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on twitter" href="https://twitter.com/intent/tweet/?text=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr&url=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f&hashtags="><svg viewBox="0 0 512 512" height="30" width="30" fill="currentcolor"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM195.519 424.544c135.939.0 210.268-112.643 210.268-210.268.0-3.218.0-6.437-.153-9.502 14.406-10.421 26.973-23.448 36.935-38.314-13.18 5.824-27.433 9.809-42.452 11.648 15.326-9.196 26.973-23.602 32.49-40.92-14.252 8.429-30.038 14.56-46.896 17.931-13.487-14.406-32.644-23.295-53.946-23.295-40.767.0-73.87 33.104-73.87 73.87.0 5.824.613 11.494 1.992 16.858-61.456-3.065-115.862-32.49-152.337-77.241-6.284 10.881-9.962 23.601-9.962 37.088.0 25.594 13.027 48.276 32.95 61.456-12.107-.307-23.448-3.678-33.41-9.196v.92c0 35.862 25.441 65.594 59.311 72.49-6.13 1.686-12.72 2.606-19.464 2.606-4.751.0-9.348-.46-13.946-1.38 9.349 29.426 36.628 50.728 68.965 51.341-25.287 19.771-57.164 31.571-91.8 31.571-5.977.0-11.801-.306-17.625-1.073 32.337 21.15 71.264 33.41 112.95 33.41z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on linkedin" href="https://www.linkedin.com/shareArticle?mini=true&url=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f&title=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr&summary=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr&source=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f"><svg viewBox="0 0 512 512" height="30" width="30" fill="currentcolor"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM160.461 423.278V197.561h-75.04v225.717h75.04zm270.539.0V293.839c0-69.333-37.018-101.586-86.381-101.586-39.804.0-57.634 21.891-67.617 37.266v-31.958h-75.021c.995 21.181.0 225.717.0 225.717h75.02V297.222c0-6.748.486-13.492 2.474-18.315 5.414-13.475 17.767-27.434 38.494-27.434 27.135.0 38.007 20.707 38.007 51.037v120.768H431zM123.448 88.722C97.774 88.722 81 105.601 81 127.724c0 21.658 16.264 39.002 41.455 39.002h.484c26.165.0 42.452-17.344 42.452-39.002-.485-22.092-16.241-38.954-41.943-39.002z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on reddit" href="https://reddit.com/submit?url=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f&title=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr"><svg viewBox="0 0 512 512" height="30" width="30" fill="currentcolor"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zM446 265.638c0-22.964-18.616-41.58-41.58-41.58-11.211.0-21.361 4.457-28.841 11.666-28.424-20.508-67.586-33.757-111.204-35.278l18.941-89.121 61.884 13.157c.756 15.734 13.642 28.29 29.56 28.29 16.407.0 29.706-13.299 29.706-29.701.0-16.403-13.299-29.702-29.706-29.702-11.666.0-21.657 6.792-26.515 16.578l-69.105-14.69c-1.922-.418-3.939-.042-5.585 1.036-1.658 1.073-2.811 2.761-3.224 4.686l-21.152 99.438c-44.258 1.228-84.046 14.494-112.837 35.232-7.468-7.164-17.589-11.591-28.757-11.591-22.965.0-41.585 18.616-41.585 41.58.0 16.896 10.095 31.41 24.568 37.918-.639 4.135-.99 8.328-.99 12.576.0 63.977 74.469 115.836 166.33 115.836s166.334-51.859 166.334-115.836c0-4.218-.347-8.387-.977-12.493 14.564-6.47 24.735-21.034 24.735-38.001zM326.526 373.831c-20.27 20.241-59.115 21.816-70.534 21.816-11.428.0-50.277-1.575-70.522-21.82-3.007-3.008-3.007-7.882.0-10.889 3.003-2.999 7.882-3.003 10.885.0 12.777 12.781 40.11 17.317 59.637 17.317 19.522.0 46.86-4.536 59.657-17.321 3.016-2.999 7.886-2.995 10.885.008 3.008 3.011 3.003 7.882-.008 10.889zm-5.23-48.781c-16.373.0-29.701-13.324-29.701-29.698.0-16.381 13.328-29.714 29.701-29.714 16.378.0 29.706 13.333 29.706 29.714.0 16.374-13.328 29.698-29.706 29.698zM160.91 295.348c0-16.381 13.328-29.71 29.714-29.71 16.369.0 29.689 13.329 29.689 29.71.0 16.373-13.32 29.693-29.689 29.693-16.386.0-29.714-13.32-29.714-29.693z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on facebook" href="https://facebook.com/sharer/sharer.php?u=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f"><svg viewBox="0 0 512 512" height="30" width="30" fill="currentcolor"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H342.978V319.085h66.6l12.672-82.621h-79.272v-53.617c0-22.603 11.073-44.636 46.58-44.636H425.6v-70.34s-32.71-5.582-63.982-5.582c-65.288.0-107.96 39.569-107.96 111.204v62.971h-72.573v82.621h72.573V512h-191.104c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on whatsapp" href="https://api.whatsapp.com/send?text=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr%20-%20https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f"><svg viewBox="0 0 512 512" height="30" width="30" fill="currentcolor"><path d="M449.446.0C483.971.0 512 28.03 512 62.554v386.892C512 483.97 483.97 512 449.446 512H62.554c-34.524.0-62.554-28.03-62.554-62.554V62.554c0-34.524 28.029-62.554 62.554-62.554h386.892zm-58.673 127.703c-33.842-33.881-78.847-52.548-126.798-52.568-98.799.0-179.21 80.405-179.249 179.234-.013 31.593 8.241 62.428 23.927 89.612l-25.429 92.884 95.021-24.925c26.181 14.28 55.659 21.807 85.658 21.816h.074c98.789.0 179.206-80.413 179.247-179.243.018-47.895-18.61-92.93-52.451-126.81zM263.976 403.485h-.06c-26.734-.01-52.954-7.193-75.828-20.767l-5.441-3.229-56.386 14.792 15.05-54.977-3.542-5.637c-14.913-23.72-22.791-51.136-22.779-79.287.033-82.142 66.867-148.971 149.046-148.971 39.793.014 77.199 15.531 105.329 43.692 28.128 28.16 43.609 65.592 43.594 105.4-.034 82.149-66.866 148.983-148.983 148.984zm81.721-111.581c-4.479-2.242-26.499-13.075-30.604-14.571-4.105-1.495-7.091-2.241-10.077 2.241-2.986 4.483-11.569 14.572-14.182 17.562-2.612 2.988-5.225 3.364-9.703 1.12-4.479-2.241-18.91-6.97-36.017-22.23C231.8 264.15 222.81 249.484 220.198 245s-.279-6.908 1.963-9.14c2.016-2.007 4.48-5.232 6.719-7.847 2.24-2.615 2.986-4.484 4.479-7.472 1.493-2.99.747-5.604-.374-7.846-1.119-2.241-10.077-24.288-13.809-33.256-3.635-8.733-7.327-7.55-10.077-7.688-2.609-.13-5.598-.158-8.583-.158-2.986.0-7.839 1.121-11.944 5.604-4.105 4.484-15.675 15.32-15.675 37.364.0 22.046 16.048 43.342 18.287 46.332 2.24 2.99 31.582 48.227 76.511 67.627 10.685 4.615 19.028 7.371 25.533 9.434 10.728 3.41 20.492 2.929 28.209 1.775 8.605-1.285 26.499-10.833 30.231-21.295 3.732-10.464 3.732-19.431 2.612-21.298-1.119-1.869-4.105-2.99-8.583-5.232z"/></svg></a><a target=_blank rel="noopener noreferrer" aria-label="share How To Have A Background Music Player On Tumblr on telegram" href="https://telegram.me/share/url?text=How%20To%20Have%20A%20Background%20Music%20Player%20On%20Tumblr&url=https%3a%2f%2fitstillworksai.pages.dev%2fposts%2fhow-to-have-a-background-music-player-on-tumblr%2f"><svg viewBox="2 2 28 28" height="30" width="30" fill="currentcolor"><path d="M26.49 29.86H5.5a3.37 3.37.0 01-2.47-1 3.35 3.35.0 01-1-2.47V5.48A3.36 3.36.0 013 3 3.37 3.37.0 015.5 2h21A3.38 3.38.0 0129 3a3.36 3.36.0 011 2.46V26.37a3.35 3.35.0 01-1 2.47 3.38 3.38.0 01-2.51 1.02zm-5.38-6.71a.79.79.0 00.85-.66L24.73 9.24a.55.55.0 00-.18-.46.62.62.0 00-.41-.17q-.08.0-16.53 6.11a.59.59.0 00-.41.59.57.57.0 00.43.52l4 1.24 1.61 4.83a.62.62.0 00.63.43.56.56.0 00.4-.17L16.54 20l4.09 3A.9.9.0 0021.11 23.15zM13.8 20.71l-1.21-4q8.72-5.55 8.78-5.55c.15.0.23.0.23.16a.18.18.0 010 .06s-2.51 2.3-7.52 6.8z"/></svg></a></div></footer></article></main><footer class=footer><span>© 2023 <a href=https://itstillworksai.pages.dev/>itstillworks</a></span></footer><script type=text/javascript src=//clearancejoinjavelin.com/6e/2d/fc/6e2dfcd302096687d74df82cf0da4496.js></script> <script type=text/javascript>var _Hasync=_Hasync||[];_Hasync.push(["Histats.start","1,4595848,4,0,0,0,00010000"]),_Hasync.push(["Histats.fasi","1"]),_Hasync.push(["Histats.track_hits",""]),function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//s10.histats.com/js15_as.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()</script><noscript><a href=/ target=_blank><img src=//sstatic1.histats.com/0.gif?4595848&101 alt border=0></a></noscript><a href=#top aria-label="go to top" title="Go to Top (Alt + G)" class=top-link id=top-link accesskey=g><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 6" fill="currentcolor"><path d="M12 6H0l6-6z"/></svg></a><script>let menu=document.getElementById("menu");menu&&(menu.scrollLeft=localStorage.getItem("menu-scroll-position"),menu.onscroll=function(){localStorage.setItem("menu-scroll-position",menu.scrollLeft)}),document.querySelectorAll('a[href^="#"]').forEach(e=>{e.addEventListener("click",function(e){e.preventDefault();var t=this.getAttribute("href").substr(1);window.matchMedia("(prefers-reduced-motion: reduce)").matches?document.querySelector(`[id='${decodeURIComponent(t)}']`).scrollIntoView():document.querySelector(`[id='${decodeURIComponent(t)}']`).scrollIntoView({behavior:"smooth"}),t==="top"?history.replaceState(null,null," "):history.pushState(null,null,`#${t}`)})})</script><script>var mybutton=document.getElementById("top-link");window.onscroll=function(){document.body.scrollTop>800||document.documentElement.scrollTop>800?(mybutton.style.visibility="visible",mybutton.style.opacity="1"):(mybutton.style.visibility="hidden",mybutton.style.opacity="0")}</script><script>document.getElementById("theme-toggle").addEventListener("click",()=>{document.body.className.includes("dark")?(document.body.classList.remove("dark"),localStorage.setItem("pref-theme","light")):(document.body.classList.add("dark"),localStorage.setItem("pref-theme","dark"))})</script></body></html>

SoundCloud Music Player#

SoundCloud Music Player