Player in Opera | Music player in your browser

<!DOCTYPE html> <html lang="en" class="large-screen-ready v2023 "> <head> <link rel="preload" href="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js" as="script" />  <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('consent', 'default', { 'ad_storage': 'granted', 'ad_user_data': 'granted', 'ad_personalization': 'granted', 'analytics_storage': 'granted' }); </script>  <script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != 'dataLayer' ? '&l=' + l : ''; j.async = true; j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; f.parentNode.insertBefore(j, f); })(window, document, 'script', 'dataLayer', 'GTM-PRBZ42F'); </script>  <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1, width=device-width"> <title>Player in Opera | Music player in your browser | Opera Browser</title> <meta name="description" content="Listen to all your music services with Player, built into the Opera browser for computers. A world of music and podcasts at your fingertips."> <link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/apple-touch-icon.555ee4c450b1.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-32x32.ddd494719bed.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon-16x16.052be2038748.png"> <link rel="manifest" href="/webmanifest"> <link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/safari-pinned-tab.2ff3aa479bec.svg" color="#ff0a21"> <link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/favicon.90b13d0c7b36.ico"> <meta name="msapplication-TileColor" content="#da532c"> <meta name="msapplication-config" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/browserconfig.f5848516ccd3.xml"> <meta name="theme-color" content="#ffffff"> <link rel="canonical" href="https://www.opera.com/features/music-player" /> <link rel="alternate" hreflang="en" href="https://www.opera.com/features/music-player" /><link rel="alternate" hreflang="de" href="https://www.opera.com/de/features/music-player" /><link rel="alternate" hreflang="es" href="https://www.opera.com/es/features/music-player" /><link rel="alternate" hreflang="es-HN" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-AR" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-SV" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-PR" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-DO" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-EC" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-GT" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-PE" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-BO" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-NI" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-VE" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-PA" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-CR" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-UY" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="es-PY" href="https://www.opera.com/es-419/features/music-player" /><link rel="alternate" hreflang="fr" href="https://www.opera.com/fr/features/music-player" /><link rel="alternate" hreflang="id" href="https://www.opera.com/id/features/music-player" /><link rel="alternate" hreflang="it" href="https://www.opera.com/it/features/music-player" /><link rel="alternate" hreflang="ja" href="https://www.opera.com/ja/features/music-player" /><link rel="alternate" hreflang="ko" href="https://www.opera.com/ko/features/music-player" /><link rel="alternate" hreflang="no" href="https://www.opera.com/no/features/music-player" /><link rel="alternate" hreflang="pl" href="https://www.opera.com/pl/features/music-player" /><link rel="alternate" hreflang="pt-PT" href="https://www.opera.com/pt/features/music-player" /><link rel="alternate" hreflang="pt-BR" href="https://www.opera.com/pt-br/features/music-player" /><link rel="alternate" hreflang="ru" href="https://www.opera.com/ru/features/music-player" /><link rel="alternate" hreflang="tr" href="https://www.opera.com/tr/features/music-player" /><link rel="alternate" hreflang="uk" href="https://www.opera.com/ua/features/music-player" /><link rel="alternate" hreflang="vi" href="https://www.opera.com/vi/features/music-player" /><link rel="alternate" hreflang="zh-Hant-CN" href="https://www.opera.com/zh-cn/features/music-player" /> <meta property="og:title" content="Player in Opera | Music player in your browser | Opera Browser"> <meta property="og:image" content="https://media-production-opera-website.operacdn.com/media/images/og-opera-fp-music-player.width-1200.png"> <meta property="og:description" content="Listen to all your music services with Player, built into the Opera browser for computers. A world of music and podcasts at your fingertips."> <meta property="og:type" content="website"> <meta property="og:url" content="https://www.opera.com/features/music-player"> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@opera"> <meta name="twitter:title" content="Player in Opera | Music player in your browser | Opera Browser"> <meta name="twitter:description" content="Listen to all your music services with Player, built into the Opera browser for computers. A world of music and podcasts at your fingertips."> <meta name="twitter:image" content="https://media-production-opera-website.operacdn.com/media/images/og-opera-fp-music-player.width-1200.png"> <meta property="vk:image" content="https://media-production-opera-website.operacdn.com/media/images/og-opera-fp-music-player.width-1200.png"> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="stylesheet" type="text/css" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/latinext.d7788e6fd132.css"/> <link rel="preload" as="style" media="screen" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="all" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne.02b50b038b29.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 320px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-320.4eb0e0b405f4.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 640px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-640.9343d3c37bce.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 768px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-768.1a04d8fb8869.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1024px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1024.fa0ba1810435.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1224px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1224.f455e6f99cb2.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1824px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1824.2173f5ae90e1.css"/> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1924px)" href="https://cdn-production-opera-website.operacdn.com/staticfiles/mainOne-1924.ec3e7ebf2c85.css"/> </head> <body class=""> <header id="header" class="hf hf__header"> <input id="header__switcher" class="hidden--clip header__switcher" type="checkbox"> <div class="header " role="navigation"> <div class="header__wrapper container-fluid wrapper"> <a class="header__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <div class="header__menu"> <ul class="header__main-nav-items" role="menu"> <li class="header__main-nav-item header__main-nav-item--dropdown active" role="menuitem"> <a href="/browsers" class="header__main-nav-anchor" data-menu="Browsers"> <i class="icon-component hover-color" data-icon-name="Browsers" data-icon-type="Header" data-icon-alt="Browsers" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Browsers </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/browsers/opera" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Browser <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--updated">Updated</span> </a> <a href="/gx" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera GX </a> <a href="/download" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Downloads </a> <a href="/features" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Features <span class="header__main-nav-item--dropdown__badge header__main-nav-item--dropdown__badge--hover-color">New</span> </a> <a href="/compare" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Compare Browsers </a> <a href="/browsers/opera-mini" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Mini </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/secure-private-browser" class="header__main-nav-anchor" data-menu="Privacy & Security"> <i class="icon-component hover-color" data-icon-name="Security" data-icon-type="Header" data-icon-alt="Security" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Privacy & Security </span> </a> </li> <li class="header__main-nav-item header__main-nav-item--dropdown" role="menuitem"> <a href="/about" class="header__main-nav-anchor" data-menu="About"> <i class="icon-component hover-color" data-icon-name="About us" data-icon-type="Header" data-icon-alt="About us" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> About </span> </a> <div class="header__main-nav-item--dropdown__panel"> <a href="/about" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> About Opera </a> <a href="https://blogs.opera.com/" target="_blank" class="header__main-nav-item--dropdown__bar text-12 font-weight--700"> Opera Blog </a> </div> </li> <li class="header__main-nav-item" role="menuitem"> <a href="/help" class="header__main-nav-anchor" data-menu="Help"> <i class="icon-component hover-color" data-icon-name="Help" data-icon-type="Header" data-icon-alt="Help" data-icon-width="24"></i> <span class="header__main-nav-anchor__title"> Help </span> </a> </li> </ul> <div class="header__download"> <span class="download-button--wrapper download-button--desktop download-button--full download-button--small "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" data-event-action="download_opera" data-event-category="new_floating_header" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class="header__mobile container-fluid"> <a class="header__mobile__brand" href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" alt="Opera" class="hidden-in-darkmode"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" alt="Opera" class="hidden-in-lightmode"> </a> <label class="header__menu-switcher" for="header__switcher"> language: </label> </div> </div> </div> </header> <main class="feature-page"> <section class="hero hero--glow hero--glow-color-1--sapphire hero--glow-color-2--cobalt" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class=""> <div class=""> <h1 class="pb3 text-40 text-md-56 font-weight--900" > Music Player </h1> <p class="text-level-1 hero__title"> Detach and move Opera’s Music Player anywhere in your browser. Access Spotify, Apple Music, YouTube Music and more. <a href="#see-more" data-custom-offset="20">See more</a> </p> <div class="text-align--center my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class=""> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-webp.webp 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-640.format-webp.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-png.png 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-640.format-png.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="Music Player" /> </picture> <picture class="hidden--to-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-1180.format-webp.webp 1181w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-2360.format-webp.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-1180.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-2360.format-png.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="Music Player" /> </picture> <span id="see-more" class="move-top-by-header-height"></span> </div> </div> </div> </div> </section> <section class="benefits section-component pt-48 mb-48 mb-md-96" id="see-more-slider"> <div class="container-fluid wrapper"> <div class="row between-lg vmb50 middle-xs"> <div class="col-xs-12 col-lg-5"> <h2 class="h-level-3 font-weight--900 mb0 text-transform--uppercase"> Benefits of player </h2> </div> <div class="col-xs-12 col-lg-6"> <p class="text-level-2 block--opacity-50"> <p data-block-key="42utl">Listen to all your music and podcasts easily within your browser.</p> </p> </div> </div> </div> <div class="x-scroll-wrapper container-fluid wrapper"> <div class="x-scroll-wrapper__inner"> <div class="row"> <div class="col-xs-3"> <div class="tile-component tile-component__v1 avocado no-icon"> <h3 class="text-24 font-weight--900 flex"> Music on hand </h3> <div class="text-16"> <p data-block-key="qxcsk">Your music player is now built into Opera, so you can listen to music easily while browsing.</p> </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 sapphire no-icon"> <h3 class="text-24 font-weight--900 flex"> Convenient access </h3> <div class="text-16"> <p data-block-key="4ffvl">Opera's music player lets you switch between your music streaming services in a click.</p> </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 coral no-icon"> <h3 class="text-24 font-weight--900 flex"> Quick controls </h3> <div class="text-16"> <p data-block-key="m9gen">A quick popup for Player lets you control your music without leaving your browser.</p> </div> </div> </div> <div class="col-xs-3"> <div class="tile-component tile-component__v1 purple no-icon"> <h3 class="text-24 font-weight--900 flex"> Smart playback </h3> <div class="text-16"> <p data-block-key="mbgaw">The music player mutes automatically when a webpage uses audio, and resumes when it’s done.</p> </div> </div> </div> </div> </div> </div> <div class="container-fluid wrapper"> <div class="text-align--center mt5 mb0"> <div class="button-component button-component__v-arrowed-vertical" > <a href="#explore-more" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Explore more</span> </a> </div> </div> </div> </section> <div id="explore-more"></div> <section class="horizontal-slider-section section-component"> <div class="container-fluid wrapper"> <div class="row between-lg middle-xs"> <div class="col-xs-12"> <div class="slider-component__wrapper pb-96" data-visible-slides="1"> <div class=" tns-slider mt1" id="see-more-features" > <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Music for work and study </h3> <div class="banner-copy text-14 text-md-18 mt4"> <p data-block-key="vt1a9">Improve your concentration with your favorite tunes. Music Player’s intuitive interface provides a seamless experience that keeps you in the zone.</p> </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-580.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-580.format-webp.webp 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-1160.format-webp.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-580.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-580.format-png.png 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-1160.format-png.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Music for work and study" /> </picture> <picture class="hidden--from-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-320.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-320.format-webp.webp 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-640.format-webp.webp 640w" sizes="calc(100vw - 4rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-320.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-01.width-640.format-png.png 2x" sizes="calc(100vw - 4rem)" alt="Music for work and study"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Music streaming services </h3> <div class="banner-copy text-14 text-md-18 mt4"> <p data-block-key="lwjte">Access Spotify, Apple Music, YouTube Music and more. Keep the best music streaming services in one place, and easily switch between them.</p> </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-580.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-580.format-webp.webp 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-1160.format-webp.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-580.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-580.format-png.png 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-1160.format-png.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Music streaming services" /> </picture> <picture class="hidden--from-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-320.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-320.format-webp.webp 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-640.format-webp.webp 640w" sizes="calc(100vw - 4rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-320.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-02.width-640.format-png.png 2x" sizes="calc(100vw - 4rem)" alt="Music streaming services"/> </picture> </div> </div> </div> </div> </div> <div class="banner banner__v1"> <div class="banner__container px-md-0 "> <div class="row banner__row "> <div class="col-xs-12 col-lg-6 pb-24 py-md-24 banner__scroll-field"> <div class="banner__content"> <h3 class="my-24 mt-md-24 mb-md-32 banner__title text-24 text-md-32 font-weight--900 "> Quick music controls </h3> <div class="banner-copy text-14 text-md-18 mt4"> <p data-block-key="lwjte">Play, pause, and skip tracks with ease using the intuitive sidebar or the flexible floating module. Your perfect soundtrack is always a click away.</p> </div> </div> </div> <div class="banner__col-img-wrapper col-xs-12 col-lg-6"> <div class="banner__col-img"> <picture class="hidden--to-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-580.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-580.format-webp.webp 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-1160.format-webp.webp 1160w" sizes="(min-width: 1367px) 581px, 580px" loading="" type="image/webp"> <img class="block--block width-100" src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-580.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-580.format-png.png 580w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-1160.format-png.png 1160w" sizes="(min-width: 1367px) 581px, 580px" alt="Quick music controls" /> </picture> <picture class="hidden--from-md"> <source src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-320.format-webp.webp" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-320.format-webp.webp 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-640.format-webp.webp 640w" sizes="calc(100vw - 4rem)" loading="" type="image/webp"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/1x1px.91e42db1c66c.png" class="hidden--from-md" data-src="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-320.format-png.png" data-srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-slider-03.width-640.format-png.png 2x" sizes="calc(100vw - 4rem)" alt="Quick music controls"/> </picture> </div> </div> </div> </div> </div> </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </div> </div> </section> <section class="more-unique-features section-component vpb1"> <div class="more-unique-features__image block--relative more-unique-features__image--mobile "> <picture class="hidden--to-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/2024-opera-browser-fp-banner-pla.width-1366.format-webp.webp 1366w, https://media-production-opera-website.operacdn.com/media/images/2024-opera-browser-fp-banner-pla.width-2732.format-webp.webp 2732w" sizes="100vw" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/2024-opera-browser-fp-banner-playe.width-1366.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/2024-opera-browser-fp-banner-playe.width-2732.format-png.png 2732w" sizes="100vw" class="width-100" alt="A world of music and podcasts at your fingertips"/> </picture> <picture class="hidden--from-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/more-features-unit-converters-mob.width-768.format-webp.webp 376w, https://media-production-opera-website.operacdn.com/media/images/more-features-unit-converters-mo.width-1536.format-webp.webp 752w" sizes="100vw" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/more-features-unit-converters-mobil.width-768.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/more-features-unit-converters-mobil.width-768.format-png.png 376w, https://media-production-opera-website.operacdn.com/media/images/more-features-unit-converters-mobi.width-1536.format-png.png 752w" sizes="100vw" class="width-100" alt="A world of music and podcasts at your fingertips"/> </picture> <div class="more-unique-features__content vpt1"> <div class="container-fluid wrapper"> <div class="row"> <div class="col-xs-12 col-lg-5"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat-darkmode.module.d5dc23d0d00c.svg" alt="Opera" style="height: 4rem;" class="logo-component vmb1 block--filter-from-black"> <h2 class="more-unique-features__header text-40 text-md-48"> A world of music and podcasts at your fingertips</h2> </div> </div> </div> </div> <div class="more-unique-features__try-now"> <div class="button-component color--black button-component__v-arrowed-vertical" > <a href="#features" class="" > <span class="arrow-link arrow-link--long-down text-transform--uppercase text-14 text-md-18">Discover more features</span> </a> </div> </div> </div> </section> <section class="feature-slider section-component"> <div class="feature-slider__content container-fluid wrapper block--relative" dir="ltr"> <div class="slider-component__wrapper pb-96" data-visible-slides="4"> <div class="section--feature-slider tns-feature-slider tns-slider mt1" id="features" >  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-islands" >Tab Islands</a> </h3> <div class="text-16"> Save space, keep organized, and switch contexts easily with Tab Islands. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/workspaces" >Workspaces</a> </h3> <div class="text-16"> Organize tab groups in separate customizable workspaces. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/splitscreen" >Split screen</a> </h3> <div class="text-16"> Split your screen between two tabs </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tab-emojis" >Tab Emojis</a> </h3> <div class="text-16"> Make your tabs stand out more with emojis, and identify them easily. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/x" >Twitter in the sidebar</a> </h3> <div class="text-16"> Explore and tweet conveniently with a better view on desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/pinboards" >Pinboards</a> </h3> <div class="text-16"> Save and collect web content easily, share it visually. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/instagram" >Instagram in the sidebar</a> </h3> <div class="text-16"> Use Instagram in Opera’s sidebar while you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/search-in-tabs" >Search in tabs</a> </h3> <div class="text-16"> Work and browse more efficiently with many open tabs. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/ad-blocker" >Ad blocker</a> </h3> <div class="text-16"> Browse with less distractions and load websites faster. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/lucid-mode" >Lucid Mode</a> </h3> <div class="text-16"> Enhance online videos and images in one click. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/messenger" >Facebook Messenger in the sidebar</a> </h3> <div class="text-16"> Use Messenger on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/news-reader" >Personal news</a> </h3> <div class="text-16"> A customizable and convenient newsfeed on your start page. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/snapshot" >Snapshot tool</a> </h3> <div class="text-16"> Easily capture, edit and share your snapshots from webpages. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/flow" >Opera Flow</a> </h3> <div class="text-16"> Instantly send files, links and notes between your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/video-popout" >Video popout</a> </h3> <div class="text-16"> Pop out online videos so they float on top of webpages as you browse. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/bookmarks" >Import bookmarks</a> </h3> <div class="text-16"> Easily manage, customize and keep your favorite places online. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/free-vpn" >Free VPN</a> </h3> <div class="text-16"> Browse comfortably with enhanced privacy and security, for free. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/tiktok" >TikTok in the sidebar</a> </h3> <div class="text-16"> Browse, watch and upload TikTok videos on desktop in Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/sync" >Sync data</a> </h3> <div class="text-16"> Synchronize the Opera browsers on any of your devices. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/easy-files" >Easy Files</a> </h3> <div class="text-16"> Attach files in one click without digging through folders. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/battery-saver" >Battery saver</a> </h3> <div class="text-16"> An easy way to noticeably extend your laptop’s battery life. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/units-converter" >Unit converter</a> </h3> <div class="text-16"> Automatically convert time-zones, currencies and units of measurement. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/music-player" >Music Player</a> </h3> <div class="text-16"> A world of music and podcasts at your fingertips. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/aria" >Aria Browser AI</a> </h3> <div class="text-16"> Chat and create with Opera’s free AI on mobile and desktop. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/vpn-pro" >VPN Pro</a> </h3> <div class="text-16"> Browse privately anywhere with VPN Pro. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/opera-wallet" >Opera Wallet</a> </h3> <div class="text-16"> Make secure crypto translations with a built-in Opera Wallet. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/whatsapp" >WhatsApp</a> </h3> <div class="text-16"> Chat in WhatsApp on desktop in your Opera Browser. </div> </div> </div>  <div> <div class="tile-component tile-component__v1 feature-tile no-icon"> <h3 class="text-24 font-weight--900 flex"> <a href="/features/telegram" >Telegram</a> </h3> <div class="text-16"> Chat in Telegram on desktop in Opera Browser. </div> </div> </div>  </div> <div class="slider-component__navigation mt-48"> <div class="text-level-2 row between-xs block--relative"> <div class="col-xs-4 col-md-2 flex"> <span class="slider-component__navigation__index px2">01</span> <span class="slider-component__navigation__slide-count px2">03</span> </div> <div class="col-xs-8 col-md-3"> <div class="arrow_nav"> <span class="prev px2"></span> <span class="next active pl2 pr1"></span> </div> </div> </div> </div> <div class="slider-component__btn-container slider-component__btn-container--left"> <span class="prev"></span> </div> <div class="slider-component__btn-container slider-component__btn-container--right"> <span class="next active"></span> </div> </div> </div> </section> <section class="hero hero--glow hero--placement-bottom hero--glow-color-1--sapphire hero--glow-color-2--cobalt" > <div class="hero__content container-fluid wrapper block--relative text-align--center"> <div class=""> <div class=""> <h2 class="pb3 text-40 text-md-56 font-weight--900" > You deserve a better browser </h2> <p class="text-level-1 hero__title"> Opera's free VPN, Ad blocker, and Flow file sharing. Just a few of the must-have features built into Opera for faster, smoother and distraction-free browsing designed to improve your online experience. </p> <div class="text-align--center my-32 "> <span class="download-button--wrapper download-button--desktop download-button--full "> <a href="/computer/thanks?ni=stable&os=windows" class="button os-windows" data-platform="auto" rel="nofollow noopener" data-alternative="None"> <span class="cta">Download now</span> </a> </span> </div> </div> <div class=""> <div class="hero__image text-align--center block--relative pt1" > <picture class="hidden--from-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-webp.webp 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-640.format-webp.webp 640w" sizes="calc(100vw - 2rem)" loading="" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-320.format-png.png 320w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-640.format-png.png 640w" sizes="calc(100vw - 2rem)" style="width: 100%;" loading="" alt="You deserve a better browser" /> </picture> <picture class="hidden--to-md"> <source srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-1180.format-webp.webp 1181w, https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-2360.format-webp.webp 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" loading="" type="image/webp"> <img src="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-1180.format-png.png" srcset="https://media-production-opera-website.operacdn.com/media/images/music-player-hero.width-2360.format-png.png 2362w" sizes="(min-width: 1924px) 1662px, (min-width: 1824px) 1228px, (min-width: 1366px) 1180px, calc(100vw - 186px)" style="width: 118rem;" loading="" alt="You deserve a better browser" /> </picture> </div> </div> </div> </div> </section> </main> <footer class="hf hf__footer"> <div class="wrapper container-fluid"> <div class="breadcrumbs"> <div class="breadcrumbs__container"> <div class="breadcrumbs__crumb breadcrumbs__logo breadcrumbs__sep"> <a href="/"> <img src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/ds-icons/logo/opera-logo-flat.module.724a32ec0873.svg" alt="Opera" width="16px" class="logo-component "> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"> <path fill="#B3B3B3" fill-rule="evenodd" d="M8.03 0a7.97 7.97 0 0 1 5.302 2.036 5.773 5.773 0 0 0-3.206-.98c-1.905 0-3.612.945-4.76 2.436-.884 1.044-1.457 2.587-1.496 4.32v.377c.04 1.732.612 3.275 1.497 4.32 1.147 1.49 2.854 2.435 4.759 2.435 1.17 0 2.265-.357 3.203-.978-2.049.997-3.962.297-4.594-.14 2.015-.441 3.538-2.878 3.538-5.826 0-2.948-1.523-5.385-3.538-5.827.632-.436 2.545-1.136 4.597-.136a7.979 7.979 0 0 1 2.662 5.655L16 8c0 2.37-1.03 4.499-2.668 5.963l-.002.001-.226.196a7.967 7.967 0 0 1-5.485 1.83A8 8 0 0 1 8 0h.03z"/> </svg> </a> </div> <ol itemscope itemtype="https://schema.org/BreadcrumbList"> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <a itemprop="item" href="/features"> <span itemprop="name">Features</span> </a> <meta itemprop="position" content="1" /> </div> </li> <li itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" class="breadcrumbs__sep"> <div class="breadcrumbs__crumb"> <span itemprop="name">Music player</span> <meta itemprop="position" content="2" /> </div> </li> </ol> </div> </div> <div class="footer__content"> <div class="row"> <div class="col-xs-12 col-xl-2"> <input id="hf-features-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label hf__label--no-spacing" for="hf-features-switcher">Features<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/features/ad-blocker"> <span>Ad Blocker</span> </a> </li> <li> <a class="hf__link" href="/features/free-vpn"> <span>Free VPN</span> </a> </li> <li> <a class="hf__link" href="/features/vpn-pro"> <span>VPN Pro</span> </a> </li> <li> <a class="hf__link" href="/features/aria"> <span>Aria, browser AI</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-messengers"> <span>Built-in Messengers</span> </a> </li> <li> <a class="hf__link" href="/features/integrated-social-media"> <span>Built-in Social Media</span> </a> </li> <li class="hf__links__features"> <a class="hf__link hf__link--features" href="/features"> <span>More features</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-services-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-services-switcher">Services<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/products"> <span>Products</span> </a> </li> <li> <a class="hf__link" href="/gaming"> <span>Gaming</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com" target="_blank"> <span>Addons</span> </a> </li> <li> <a class="hf__link" href="https://auth.opera.com" target="_blank" rel="nofollow noopener"> <span>Opera Account</span> </a> </li> <li> <a class="hf__link" href="https://addons.opera.com/wallpapers" target="_blank"> <span>Wallpapers</span> </a> </li> <li> <a class="hf__link" href="/ads" target="_blank"> <span>Opera Ads</span> </a> </li> <li> <a class="hf__link" href="https://www.devicetest.ai/" target="_blank"> <span>AI Benchmark</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-help-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-help-switcher">Help<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/switch-to-opera"> <span>Switch to Opera</span> </a> </li> <li> <a class="hf__link" href="/help"> <span>Help & Support</span> </a> </li> <li> <a class="hf__link" href="https://blogs.opera.com" target="_blank"> <span>Opera Blog</span> </a> </li> <li> <a class="hf__link" href="https://forums.opera.com" target="_blank"> <span>Opera Forums</span> </a> </li> <li> <a class="hf__link" href="https://help.opera.com/en/faq/" target="_blank"> <span>FAQ</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <input id="hf-legal-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-legal-switcher">Legal<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/impressum" rel="nofollow"> <span>Impressum</span> </a> </li> <li> <a class="hf__link" href="https://security.opera.com" target="_blank" rel="nofollow"> <span>Security</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/privacy/" target="_blank" rel="nofollow"> <span>Privacy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/cookies/" target="_blank" rel="nofollow"> <span>Cookie Policy</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/eula/" target="_blank" rel="nofollow"> <span>EULA</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/terms/" target="_blank" rel="nofollow"> <span>Terms of Service</span> </a> </li> <li> <a class="hf__link" href="https://legal.opera.com/transparency/" target="_blank" rel="nofollow"> <span>ESG</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2 mb4"> <input id="hf-company-switcher" class="hf__dd-switcher hf-hide" type="checkbox"> <h3 class="hf__heading"> <label class="hf__label footer__label" for="hf-company-switcher">Company<span></span></label> </h3> <div class="hf__dd-content"> <ul class="hf__links list-style--none"> <li> <a class="hf__link" href="/about"> <span>About Opera</span> </a> </li> <li> <a class="hf__link" href="/newsroom"> <span>Press Info</span> </a> </li> <li> <a class="hf__link" href="https://jobs.opera.com" target="_blank"> <span>Jobs</span> </a> </li> <li> <a class="hf__link" href="https://investor.opera.com/" target="_blank"> <span>Investors</span> </a> </li> <li> <a class="hf__link" href="/affiliate"> <span>Opera Affiliate</span> </a> </li> <li> <a class="hf__link" href="/gx/affiliate"> <span>Opera GX Affiliate</span> </a> </li> <li> <a class="hf__link" href="/b2b"> <span>Become a Partner</span> </a> </li> <li> <a class="hf__link" href="/contact"> <span>Contact Us</span> </a> </li> </ul> </div> </div> <div class="col-xs-12 col-xl-2"> <a class="hf--brand" href="/"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-horizontal.3a48a9c34651.svg" class="hidden-in-darkmode" alt="Opera" style="width: 10.6rem"> <img data-src="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/logo/logo-flat-white-horizontal.35e1a8f1fc3b.svg" class="hidden-in-lightmode" alt="Opera" style="width: 10.6rem"> </a> <p class="text-level-5 my-32 my-xl-24"> Innovate and inspire, uncover the unexpected, support open standards. </p> <p class="footer__follow-label">Follow us</p> <div class="footer__social-icons"> <div class="footer__social-box"> <ul class="footer__social-icons "> <li> <a class="facebook" href="https://www.facebook.com/Opera/" rel="noopener nofollow" target="_blank" title="Opera - Facebook"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 8.04889C16 3.60361 12.4183 0 8 0C3.58172 0 0 3.60361 0 8.04889C0 12.0663 2.92547 15.3962 6.75 16V10.3755H4.71875V8.04889H6.75V6.27562C6.75 4.25837 7.94438 3.1441 9.77172 3.1441C10.6467 3.1441 11.5625 3.3013 11.5625 3.3013V5.28208H10.5538C9.56 5.28208 9.25 5.90257 9.25 6.53972V8.04889H11.4688L11.1141 10.3755H9.25V16C13.0745 15.3962 16 12.0663 16 8.04889Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="tiktok" href="https://www.tiktok.com/@opera.browser" rel="noopener nofollow" target="_blank" title="Opera - Tiktok"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM9.93885 10.108C9.93885 11.7554 8.6094 13.0909 6.96943 13.0909C5.32946 13.0909 4 11.7554 4 10.108C4 8.46051 5.32946 7.125 6.96943 7.125C7.01669 7.125 7.06315 7.12825 7.10957 7.1315C7.12402 7.13252 7.13848 7.13353 7.15295 7.13444V8.60441C7.13732 8.60252 7.12177 8.60039 7.10621 8.59825C7.06111 8.59206 7.01604 8.58587 6.96943 8.58587C6.13242 8.58587 5.45389 9.26748 5.45389 10.1083C5.45389 10.9491 6.13242 11.6307 6.96943 11.6307C7.80659 11.6307 8.5459 10.9682 8.5459 10.1272L8.56053 3.27273H9.96044C10.0925 4.53382 11.1047 5.51885 12.3636 5.61131V7.24499H12.3622C12.2824 7.25278 12.2022 7.25687 12.122 7.25723C11.2418 7.25735 10.421 6.81171 9.93885 6.07202V10.108Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="twitter" href="https://twitter.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Twitter"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8027)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM11.7405 4L8.76187 7.38784L12 12H9.6176L7.43627 8.89352L4.7056 12H4L7.12347 8.44776L4 4H6.3824L8.44747 6.94102L11.0349 4H11.7405ZM6.04427 4.52063H4.96027L9.95013 11.5049H11.0344L6.04427 4.52063Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8027"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="youtube" href="https://www.youtube.com/opera" rel="noopener nofollow" target="_blank" title="Opera - Youtube"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2602 3.30587C14.9455 3.47062 15.4859 3.9529 15.6704 4.56475C16.0131 5.6823 16 8.01177 16 8.01177C16 8.01177 16 10.3294 15.6705 11.447C15.4859 12.0588 14.9456 12.5411 14.2602 12.7058C13.0081 13 7.99998 13 7.99998 13C7.99998 13 3.00487 13 1.73974 12.6941C1.05432 12.5294 0.514036 12.047 0.329467 11.4353C0 10.3294 0 8 0 8C0 8 0 5.6823 0.329467 4.56475C0.513914 3.95301 1.0675 3.45885 1.73962 3.29421C2.99169 3 7.99985 3 7.99985 3C7.99985 3 13.0081 3 14.2602 3.30587ZM10.5701 7.99999L6.4054 10.1412V5.85881L10.5701 7.99999Z" fill="#3C4055"/> </svg> </a> </li> <li> <a class="linkedin" href="https://www.linkedin.com/company/opera-software" rel="noopener nofollow" target="_blank" title="Opera - LinkedIn"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_170_8026)"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.666667 0C0.298477 0 0 0.298478 0 0.666668V15.3334C0 15.7015 0.298478 16 0.666668 16H15.3334C15.7015 16 16 15.7015 16 15.3334V0.666667C16 0.298477 15.7015 0 15.3334 0H0.666667ZM2.56759 2.90355C2.31048 3.1423 2.18192 3.44533 2.18192 3.81264C2.18192 4.17995 2.3068 4.48482 2.55658 4.72725C2.80635 4.96967 3.13325 5.09088 3.53729 5.09088H3.54831C3.96705 5.09088 4.30497 4.96967 4.56209 4.72725C4.81186 4.49216 4.93674 4.19832 4.93674 3.8457C4.93674 3.45635 4.80818 3.14047 4.55107 2.89804C4.30129 2.66296 3.9744 2.54543 3.57035 2.54543C3.15897 2.54543 2.82471 2.6648 2.56759 2.90355ZM2.32517 6.09364V13.4545H4.77145V6.09364H2.32517ZM8.57311 13.4545H6.12683C6.14152 11.236 6.14887 9.51329 6.14887 8.28648C6.14887 7.05966 6.14152 6.32871 6.12683 6.09364H8.57311V7.14047L8.56209 7.16251H8.57311V7.14047C9.10204 6.32504 9.84033 5.91733 10.788 5.91733C11.6328 5.91733 12.3123 6.19832 12.8266 6.76031C13.3408 7.32229 13.5979 8.1469 13.5979 9.23414V13.4545H11.1516V9.52064C11.1516 8.41136 10.7402 7.85673 9.91747 7.85673C9.60158 7.85673 9.33895 7.94304 9.12959 8.11568C8.92022 8.28831 8.76411 8.49952 8.66127 8.74929C8.6025 8.88886 8.57311 9.08721 8.57311 9.34433V13.4545Z" fill="#3C4055"/> </g> <defs> <clipPath id="clip0_170_8026"> <rect width="16" height="16" fill="white"/> </clipPath> </defs> </svg> </a> </li> <li> <a class="instagram" href="https://www.instagram.com/opera/" rel="noopener nofollow" target="_blank" title="Opera - Instagram"> <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.76005 0.420048C3.26863 0.222309 3.85024 0.0872527 4.70197 0.0484805C5.55564 0.00906211 5.8277 1.52588e-05 8.00097 1.52588e-05C10.1736 1.52588e-05 10.4463 0.00970831 11.2993 0.0484805C12.1504 0.0866065 12.732 0.222309 13.2412 0.420048C13.7666 0.624248 14.2132 0.898238 14.6578 1.34283C15.1024 1.78806 15.3757 2.23394 15.5806 2.75995C15.7783 3.26851 15.9134 3.8501 15.9522 4.70179C15.991 5.55478 16 5.82748 16 8.00002C16 10.1726 15.991 10.4446 15.9522 11.2982C15.9141 12.1499 15.7783 12.7315 15.5806 13.2401C15.3757 13.7661 15.1024 14.2126 14.6578 14.6572C14.2125 15.1018 13.7666 15.3751 13.2406 15.58C12.732 15.7777 12.1504 15.9128 11.2987 15.9516C10.4457 15.991 10.1736 16 8.00032 16C5.8277 16 5.55564 15.9903 4.70197 15.9516C3.85024 15.9128 3.26928 15.7777 2.76005 15.58C2.23337 15.3751 1.78747 15.1018 1.34287 14.6572C0.897613 14.2126 0.624258 13.7661 0.420049 13.2401C0.222303 12.7315 0.087241 12.1499 0.0484672 11.2982C0.00904722 10.4452 0 10.1726 0 8.00002C0 5.82748 0.00904722 5.55478 0.0484672 4.70179C0.087241 3.8501 0.222303 3.26851 0.420049 2.75995C0.624258 2.23329 0.898259 1.78741 1.34287 1.34283C1.78812 0.898238 2.23402 0.624248 2.76005 0.420048ZM4.76813 14.5118C3.98813 14.4762 3.5642 14.3464 3.28244 14.2365C2.90892 14.0911 2.64268 13.9179 2.36221 13.6381C2.08239 13.3583 1.90856 13.0921 1.7638 12.7186C1.65394 12.4368 1.52405 12.0129 1.48851 11.2329C1.44974 10.3896 1.44198 10.1363 1.44198 7.99999C1.44198 5.86364 1.45038 5.61097 1.48851 4.76703C1.52405 3.98706 1.65459 3.5638 1.7638 3.28141C1.9092 2.9079 2.08239 2.64167 2.36221 2.36121C2.64203 2.08141 2.90828 1.90758 3.28244 1.76283C3.5642 1.65297 3.98813 1.52309 4.76813 1.48755C5.61145 1.44877 5.86478 1.44102 8.00057 1.44102C10.137 1.44102 10.3897 1.44942 11.2337 1.48755C12.0137 1.52309 12.4369 1.65362 12.7193 1.76283C13.0929 1.90758 13.3591 2.08141 13.6396 2.36121C13.9194 2.64102 14.0926 2.9079 14.238 3.28141C14.3478 3.56315 14.4777 3.98706 14.5133 4.76703C14.552 5.61097 14.5598 5.86364 14.5598 7.99999C14.5598 10.1357 14.552 10.389 14.5133 11.2329C14.4777 12.0129 14.3472 12.4368 14.238 12.7186C14.0926 13.0921 13.9194 13.3583 13.6396 13.6381C13.3597 13.9179 13.0929 14.0911 12.7193 14.2365C12.4376 14.3464 12.0137 14.4762 11.2337 14.5118C10.3903 14.5506 10.137 14.5583 8.00057 14.5583C5.86478 14.5583 5.61145 14.5506 4.76813 14.5118ZM12.2714 4.68945C11.7408 4.68945 11.3111 4.25907 11.3111 3.72919C11.3111 3.1993 11.7408 2.76958 12.2714 2.76958C12.8019 2.76958 13.2317 3.1993 13.2317 3.72919C13.2317 4.25907 12.8013 4.68945 12.2714 4.68945ZM3.892 7.99999C3.892 10.2688 5.73117 12.1079 8.00009 12.1079C10.269 12.1079 12.1082 10.2688 12.1082 7.99999C12.1082 5.73117 10.269 3.89208 8.00009 3.89208C5.73117 3.89208 3.892 5.73117 3.892 7.99999ZM5.33393 7.99999C5.33393 6.52729 6.52751 5.33311 8.00027 5.33311C9.47303 5.33311 10.6673 6.52729 10.6673 7.99999C10.6673 9.47269 9.47303 10.6669 8.00027 10.6669C6.52751 10.6669 5.33393 9.47269 5.33393 7.99999Z" fill="#3C4055"/> </svg> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer__bottom"> <div class="footer__company-box center-xs start-xl"> <p class="footer__company-box-p">© 1995-2024 Opera Norway </p> <p class="footer__company-box-p">All rights reserved</p> </div> <div class="footer__lang-box"> <p class="footer__lang-box-label">Language:</p> <form action="/i18n/setlang/" method="post"> <input name="next" type="hidden" value="https://www.opera.com/features/music-player"/> <select id="footer__lang-selector" class="footer__lang-selector" name="language" onchange="this.form.submit()"> <option value="en" selected="selected"> English </option> <option value="de"> Deutsch </option> <option value="es"> Español </option> <option value="es-419"> Español Latinoamérica </option> <option value="fr"> Français </option> <option value="id"> Bahasa Indonesia </option> <option value="it"> Italiano </option> <option value="ja"> 日本語 </option> <option value="ko"> 한국어 </option> <option value="no"> Norsk </option> <option value="pl"> Polski </option> <option value="pt"> Português </option> <option value="pt-br"> Português Brasileiro </option> <option value="ru"> Русский </option> <option value="tr"> Türkçe </option> <option value="ua"> Українська </option> <option value="vi"> Tiếng Việt </option> <option value="zh-cn"> 简体中文 </option> </select> </form> </div> </div> </div> </footer> <script defer=true src="https://cdn-production-opera-website.operacdn.com/staticfiles/main.288ba280a69d.js"></script>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-PRBZ42F" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>  </body> </html>

CINXE.COM

Player in Opera | Music player in your browser | Opera Browser