Spaces:
Runtime error
Runtime error
| <html> | |
| <head> | |
| <script src="http://www.google.com/jsapi" type="text/javascript"></script> | |
| <script type="text/javascript">google.load("jquery", "1.3.2");</script> | |
| <!-- <link rel="stylesheet" href="./static/css/bulma.min.css"> --> | |
| <link rel="stylesheet" href="./static/css/bulma-carousel.min.css"> | |
| <link rel="stylesheet" href="./static/css/bulma-slider.min.css"> | |
| <!-- <link rel="stylesheet" href="./static/css/fontawesome.all.min.css"> --> | |
| <!-- <link rel="stylesheet" | |
| href="https://cdn.jsdelivr.net/gh/jpswalsh/academicons@1/css/academicons.min.css"> --> | |
| <link rel="stylesheet" href="./static/css/index.css"> | |
| <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> | |
| <script defer src="./static/js/fontawesome.all.min.js"></script> | |
| <script src="./static/js/bulma-carousel.min.js"></script> | |
| <script src="./static/js/bulma-slider.min.js"></script> | |
| <script src="./static/js/index.js"></script> | |
| <script>(function (d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0]; | |
| if (d.getElementById(id)) return; | |
| js = d.createElement(s); js.id = id; | |
| js.src = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.0"; | |
| fjs.parentNode.insertBefore(js, fjs); | |
| }(document, 'script', 'facebook-jssdk'));</script> | |
| <script>window.twttr = (function (d, s, id) { | |
| var js, fjs = d.getElementsByTagName(s)[0], | |
| t = window.twttr || {}; | |
| if (d.getElementById(id)) return t; | |
| js = d.createElement(s); | |
| js.id = id; | |
| js.src = "https://platform.twitter.com/widgets.js"; | |
| fjs.parentNode.insertBefore(js, fjs); | |
| t._e = []; | |
| t.ready = function (f) { | |
| t._e.push(f); | |
| }; | |
| return t; | |
| }(document, "script", "twitter-wjs"));</script> | |
| <style type="text/css"> | |
| body { | |
| font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; | |
| font-weight: 300; | |
| font-size: 18px; | |
| margin-left: auto; | |
| margin-right: auto; | |
| width: 1100px; | |
| } | |
| h1 { | |
| font-size: 32px; | |
| font-weight: 300; | |
| } | |
| .disclaimerbox { | |
| background-color: #eee; | |
| border: 1px solid #eeeeee; | |
| border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| padding: 20px; | |
| } | |
| video.header-vid { | |
| height: 140px; | |
| border: 1px solid black; | |
| border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| } | |
| img.header-img { | |
| height: 140px; | |
| border: 1px solid black; | |
| border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| } | |
| img.rounded { | |
| border: 1px solid #eeeeee; | |
| border-radius: 10px; | |
| -moz-border-radius: 10px; | |
| -webkit-border-radius: 10px; | |
| } | |
| a:link, | |
| a:visited { | |
| color: #1367a7; | |
| text-decoration: none; | |
| } | |
| a:hover { | |
| color: #208799; | |
| } | |
| td.dl-link { | |
| height: 160px; | |
| text-align: center; | |
| font-size: 22px; | |
| } | |
| code { | |
| display: block; | |
| white-space: pre-wrap font-family: Consolas, "courier new"; | |
| color: crimson; | |
| background-color: #f1f1f1; | |
| padding: 2px; | |
| font-size: 105%; | |
| } | |
| pre { | |
| font-family: monospace; | |
| } | |
| .layered-paper-big { | |
| /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ | |
| box-shadow: | |
| 0px 0px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The top layer shadow */ | |
| 5px 5px 0 0px #fff, | |
| /* The second layer */ | |
| 5px 5px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The second layer shadow */ | |
| 10px 10px 0 0px #fff, | |
| /* The third layer */ | |
| 10px 10px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The third layer shadow */ | |
| 15px 15px 0 0px #fff, | |
| /* The fourth layer */ | |
| 15px 15px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The fourth layer shadow */ | |
| 20px 20px 0 0px #fff, | |
| /* The fifth layer */ | |
| 20px 20px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The fifth layer shadow */ | |
| 25px 25px 0 0px #fff, | |
| /* The fifth layer */ | |
| 25px 25px 1px 1px rgba(0, 0, 0, 0.35); | |
| /* The fifth layer shadow */ | |
| margin-left: 10px; | |
| margin-right: 45px; | |
| } | |
| .paper-big { | |
| /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ | |
| box-shadow: | |
| 0px 0px 1px 1px rgba(0, 0, 0, 0.35); | |
| /* The top layer shadow */ | |
| margin-left: 10px; | |
| margin-right: 45px; | |
| } | |
| .layered-paper { | |
| /* modified from: http://css-tricks.com/snippets/css/layered-paper/ */ | |
| box-shadow: | |
| 0px 0px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The top layer shadow */ | |
| 5px 5px 0 0px #fff, | |
| /* The second layer */ | |
| 5px 5px 1px 1px rgba(0, 0, 0, 0.35), | |
| /* The second layer shadow */ | |
| 10px 10px 0 0px #fff, | |
| /* The third layer */ | |
| 10px 10px 1px 1px rgba(0, 0, 0, 0.35); | |
| /* The third layer shadow */ | |
| margin-top: 5px; | |
| margin-left: 10px; | |
| margin-right: 30px; | |
| margin-bottom: 5px; | |
| } | |
| .vert-cent { | |
| position: relative; | |
| top: 50%; | |
| transform: translateY(-50%); | |
| } | |
| hr { | |
| border: 0; | |
| height: 1px; | |
| background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); | |
| } | |
| </style> | |
| <html> | |
| <head> | |
| <title>Apollo: Band-sequence Modeling for High-Quality Music Restoration in Compressed Audio</title> | |
| <meta property="og:image" content="./images/paper.png" /> | |
| <!-- Facebook automatically scrapes this. Go to https://developers.facebook.com/tools/debug/ if you update and want to force Facebook to rescrape. --> | |
| <meta property="og:title" | |
| content="Apollo: Band-sequence Modeling for High-Quality Music Restoration in Compressed Audio" /> | |
| <meta property="og:description" | |
| content="Apollo is a novel music restoration method designed to address distortions and artefacts caused by audio codecs, especially at low bitrates." /> | |
| <script async src=""></script> | |
| <script> | |
| window.dataLayer = window.dataLayer || []; | |
| function gtag() { dataLayer.push(arguments); } | |
| gtag('js', new Date()); | |
| gtag('config', 'UA-75863369-6'); | |
| </script> | |
| <link rel="icon" type="image/png" | |
| href="https://cdn2.iconfinder.com/data/icons/ios-14-custom-application/62/application-38-512.png" /> | |
| <script async defer src="https://buttons.github.io/buttons.js"></script> | |
| </head> | |
| <body> | |
| <script type="text/javascript" src="script.js"></script> | |
| <br> | |
| <center> | |
| <!-- <img class="round" style="width:500px" src="./images/CPM/cvpr.jpg"/> --> | |
| <!-- <br/> --> | |
| <!-- <br/> --> | |
| <!-- <hr> --> | |
| <span style="font-size:36px">Apollo: Band-sequence Modeling for High-Quality Music Restoration in Compressed | |
| Audio</span> | |
| <br> | |
| <!-- <hr> --> | |
| <!-- </br> --> | |
| <!-- <span style="font-size:22px; color:#011B56;">β <a href="https://openaccess.thecvf.com/CVPR2021">CVPR 2021</a> β</span> --> | |
| <!-- <br></br> --> | |
| <span style="font-size:24px; color:#011B56;">β <a href="#">Arxiv 2024</a> β</span> | |
| <table align=center width=750px> | |
| <table align=center width=375px> | |
| <tr> | |
| <td align=center width=150px> | |
| <center> | |
| <span style="font-size:22px"><a href="https://cslikai.cn">Kai Li</a></span> | |
| </center> | |
| </td> | |
| <td align=center width=150px> | |
| <center> | |
| <span style="font-size:22px"><a | |
| href="https://scholar.google.com/citations?hl=zh-CN&user=OSM9xooAAAAJ&view_op=list_works&authuser=1&sortby=pubdate">Yi | |
| Luo</a></span> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| <table align=center width=700px> | |
| <tr> | |
| <td align=center> | |
| <center> | |
| <span style="font-size:20px"><a href="https://www.cs.tsinghua.edu.cn/">Tsinghua | |
| University</a> | |
| <!-- <img class="img" width=100px src="./images/vinai-logo.png"></img> --> | |
| </span><br> | |
| <span style="font-size:20px"><a href="https://ai.tencent.com/">Tencent AI Lab</a> | |
| <!-- <img class="img" width=100px src="./images/vinai-logo.png"></img> --> | |
| </span> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| <table align=center width=600px> | |
| <tr> | |
| <td align=center width=120px> | |
| <center> | |
| <span style="font-size:22px"><a href='xxx'>[arXiv | |
| π]</a></span> | |
| </center> | |
| </td> | |
| <td align=center width=120px> | |
| <center> | |
| <span style="font-size:22px"><a href='https://github.com/JusperLee/Apollo'>[code | |
| βοΈ]</a></span><br> | |
| </center> | |
| </td> | |
| <td align=center, width=120px> | |
| <center> | |
| <span style="font-size:22px"><a href='#'>[poster πΌοΈ]</a></span><br> | |
| </center> | |
| </td> | |
| <td align=center, width=120px> | |
| <center> | |
| <span style="font-size:22px"><a href='https://huggingface.co/JusperLee/Apollo'>[checkpoint | |
| π€]</a></span><br> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| </table> | |
| <!-- <hr> --> | |
| </center> | |
| <br> | |
| <center> | |
| <img class="round" style="width:200px" src="./asserts/apollo-logo.png" /> | |
| <!-- <p style="max-width:750px;">Given an edit specified by users in <a style="color:red;">an example image</a> (e.g., dog pose),<br>Our method can <a style="color:green;"><b>automatically</b> transfer that edit to other test images</a> (e.g., all dog same pose).</p> --> | |
| <p style="max-width:750px;"><a style="color:red;">Apollo</a> uses a <a style="color:green;">frequency band-split | |
| module, band-sequence modeling, and frequency band reconstruction</a> to restore the audio quality of | |
| MP3-compressed music. | |
| </center> | |
| <hr> | |
| <table align=center width=850px> | |
| <center> | |
| <h1>Abstract</h1> | |
| </center> | |
| <tr> | |
| <td style="text-align: justify;"> | |
| Apollo is a novel music restoration method designed to address distortions and artefacts caused by audio | |
| codecs, especially at low bitrates. Operating in the frequency domain, <a | |
| style="background-color:LightYellow;color:red">Apollo uses a frequency band-split module, | |
| band-sequence modeling, and frequency band reconstruction to restore the audio quality of | |
| MP3-compressed music</a>. It divides the spectrogram into sub-bands, extracts gain-shape | |
| representations, and models both sub-band and temporal information for high-quality audio recovery. | |
| Trained with a Generative Adversarial Network (GAN), <a style="color:blue;">Apollo outperforms existing | |
| SR-GAN models on the MUSDB18-HQ and MoisesDB datasets</a>, excelling in complex multi-instrument and | |
| vocal scenarios, while maintaining efficiency. | |
| </td> | |
| </tr> | |
| </table> | |
| <br> | |
| <center> | |
| <table align=center width=850px> | |
| <tr> | |
| <td width=260px> | |
| <center> | |
| <img class="round" style="width:1000px" src="./asserts/apollo-structure.png" /> | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| <table align=center width=850px> | |
| <tr> | |
| <td> | |
| <center> | |
| Overall pipeline of the model architecture of <a style="color:rgb(255, 136, 0);">Apollo</a> and its | |
| <a style="color:rgb(187, 0, 255);">modules</a>. | |
| </center> | |
| </td> | |
| </tr> | |
| </table> | |
| </center> | |
| <hr> | |
| <!-- <div class=figure> | |
| <center> | |
| <p><img class="round" style='width: 900px' src='./images/interactive/Slide1.png'> | |
| <figcaption>As users adjust the editing strength in the example image (top row), all test images will be automatically updated. (Red bounding boxes indicate the edit according to the drag points).</figcaption> | |
| </center> | |
| </div> --> | |
| <center> | |
| <h1>Bitrate Impact Analysis</h1> | |
| </center> | |
| <center> | |
| <p><img class="round" style='width: 900px' src='./asserts/bitrates.png'> | |
| <figcaption> | |
| This figure compares the performance of the <a style="color: hotpink;">Apollo</a> model and the <a | |
| style="color: hotpink;">Stochastic-Restoration-GAN (SR-GAN)</a> at different bitrates (ranging from 24 | |
| kbps to 128 kbps). | |
| </figcaption> | |
| </center> | |
| <!-- <center> | |
| <video height="240" controls> | |
| <source src="./images/video/face.mp4" type="video/mp4"> | |
| <source src="movie.ogg" type="video/ogg"> | |
| </video> | |
| </center> --> | |
| <hr> | |
| <!-- <br> | |
| --> | |
| <center> | |
| <h1>Music Genre Impact Analysis</h1> | |
| </center> | |
| <center> | |
| <p><img class="round" style='width: 1000px' src='./asserts/types.png'> | |
| <figcaption>This figure further illustrates the performance of both models across different music genres. | |
| </figcaption> | |
| </center> | |
| <hr> | |
| <!-- <br> | |
| --> | |
| <center> | |
| <h1>Audio Demo</h1> | |
| </center> | |
| <center> | |
| <h3 style="font-weight: bold; color: #ECAEA7">MP3 Codec(24kbps)</h3> | |
| <table class="table table-hover pt-2"> | |
| <thead> | |
| <tr> | |
| <th style="text-align: center">Ground Truth</th> | |
| <th style="text-align: center">Codec Wav</th> | |
| <th style="text-align: center">Apollo</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample1/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample1/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample1/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample1/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample1/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample1/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample2/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample2/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample2/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample2/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample2/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample2/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample3/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample3/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample3/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample3/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/24khz/sample3/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/24khz/sample3/ests_wav.png"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| <center> | |
| <h3 style="font-weight: bold; color: #ECAEA7">MP3 Codec(32kbps)</h3> | |
| <table class="table table-hover pt-2"> | |
| <thead> | |
| <tr> | |
| <th style="text-align: center">Ground Truth</th> | |
| <th style="text-align: center">Codec Wav</th> | |
| <th style="text-align: center">Apollo</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample1/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample1/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample1/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample1/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample1/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample1/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample2/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample2/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample2/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample2/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample2/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample2/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample3/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample3/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample3/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample3/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/32khz/sample3/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/32khz/sample3/ests_wav.png"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| <center> | |
| <h3 style="font-weight: bold; color: #ECAEA7">MP3 Codec(48kbps)</h3> | |
| <table class="table table-hover pt-2"> | |
| <thead> | |
| <tr> | |
| <th style="text-align: center">Ground Truth</th> | |
| <th style="text-align: center">Codec Wav</th> | |
| <th style="text-align: center">Apollo</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample1/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample1/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample1/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample1/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample1/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample1/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample2/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample2/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample2/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample2/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample2/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample2/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample3/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample3/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample3/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample3/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/48khz/sample3/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/48khz/sample3/ests_wav.png"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| <center> | |
| <h3 style="font-weight: bold; color: #ECAEA7">MP3 Codec(64kbps)</h3> | |
| <table class="table table-hover pt-2"> | |
| <thead> | |
| <tr> | |
| <th style="text-align: center">Ground Truth</th> | |
| <th style="text-align: center">Codec Wav</th> | |
| <th style="text-align: center">Apollo</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample1/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample1/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample1/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample1/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample1/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample1/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample2/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample2/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample2/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample2/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample2/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample2/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample3/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample3/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample3/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample3/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/64khz/sample3/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/64khz/sample3/ests_wav.png"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| <center> | |
| <h3 style="font-weight: bold; color: #ECAEA7">MP3 Codec(96kbps)</h3> | |
| <table class="table table-hover pt-2"> | |
| <thead> | |
| <tr> | |
| <th style="text-align: center">Ground Truth</th> | |
| <th style="text-align: center">Codec Wav</th> | |
| <th style="text-align: center">Apollo</th> | |
| </tr> | |
| </thead> | |
| <tbody> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample1/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample1/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample1/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample1/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample1/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample1/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample2/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample2/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample2/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample2/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample2/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample2/ests_wav.png"></td> | |
| </tr> | |
| <tr> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample3/ori_wav.wav" autoplay="">Your browser does | |
| not support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample3/ori_wav.png"> | |
| </td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample3/codec_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample3/codec_wav.png"></td> | |
| <td style="text-align: center;vertical-align:middle;width: 800px"><audio controls="controls" | |
| style="width: 100%;"> | |
| <source src="asserts/96khz/sample3/ests_wav.wav" autoplay="">Your browser does not | |
| support the audio element. | |
| </audio><img controls="" class="rounded" style="width: 100%;" | |
| src="asserts/96khz/sample3/ests_wav.png"></td> | |
| </tr> | |
| </tbody> | |
| </table> | |
| </center> | |
| <!-- <br> --> | |
| <!-- <br> --> | |
| <hr> | |
| <table align=center width=800px> | |
| <tr style="font-size:20px"> | |
| <td><i>β₯ <a href="https://arxiv.org/pdf/2404.02063">BibTeX</a>:</i></td> | |
| </tr> | |
| <tr style="background-color:#E2E2E2;font-family:'monospace';font-size:18px;"> | |
| <td> | |
| <!-- <br> --> | |
| @inproceedings{li2025apollo,<br> | |
|       title={Apollo: Band-sequence Modeling for High-Quality Music Restoration in | |
| Compressed Audio},<br> | |
|       author={Li, Kai and Luo, Yi},<br> | |
|       year={2025},<br> | |
|       booktitle={IEEE International Conference on Acoustics, Speech and Signal Processing (ICASSP)},<br> | |
|    } | |
| <br> | |
| </td> | |
| </tr> | |
| </table> | |
| <!-- <hr> --> | |
| <!-- <br> --> | |
| <table align=center width=900px> | |
| <tr> | |
| <td width=400px> | |
| <left> | |
| <center> | |
| <h1>Acknowledgements</h1> | |
| </center> | |
| Website template was borrowed from <a href="http://richzhang.github.io/colorization/">Colorful Image | |
| Colorization</a> and <a href="https://nerfies.github.io/">Nerfies</a>; the code can be found <a | |
| href="https://github.com/richzhang/webpage-template">here</a> and <a | |
| href="https://github.com/nerfies/nerfies.github.io">here</a>. Thank you (.β α΄ β.). | |
| </left> | |
| </td> | |
| </tr> | |
| </table> | |
| <center> | |
| <a href="javascript:toggleblock('notice')" style="text-align:center;font-size:70%;color:#808080">βΆ cslikai.cn's | |
| clustrmaps π</a>. | |
| <div id="notice" style="display:none; color:#dedede; font-size:.5em;"> | |
| <p> | |
| <script type="text/javascript" id="clustrmaps" src="//clustrmaps.com/map_v2.js?d=Alhn33sy7T7USCgc9_Vaq5J7IenRhtRoRzYJZN21IQY&cl=ffffff&w=a"></script> | |
| </p> | |
| </div> | |
| </center> | |
| <br> | |
| </body> | |
| </html> | |