Inscription #65979844#65,979,844png#64,473,383#27,737,266js#27,735,559js#27,734,975jsInscription #27605078#27,605,078htmlInscription #27596049#27,596,049htmlInscription #27595557#27,595,557htmlInscription #24731608#24,731,608htmlInscription #24642989#24,642,989html#24,642,820js#24,642,819jsInscription #24638917#24,638,917html#24,636,961js/* Custom Audional Multimedia Player CSS Guide Welcome to the Custom Audional Player CSS! This guide aims to offer clarity on using additional utility classes and demonstrate how you can craft a unique Audional multimedia player interface. Introduction: Harness the potential of this stylesheet to give HTML developers the flexibility and tools needed for creating dynamic and visually stunning Audional multimedia player interfaces with ease. Below, find a walkthrough of the classes and features at your disposal, enabling customisation to suit your creative vision. Quick Start: * Download the CSS: Fetch the custom-music-player.css file from this repository. * Integrate the CSS: Embed the downloaded CSS file in your HTML's <head> section:htmlCopy code<link rel="stylesheet" href="path/to/custom-music-player.css"> Base Styles: Lay a strong groundwork for your music player interface using the following: * body: Colours the background and vertically and horizontally aligns content. * #main-container: Caps the music player's width. * #a: Offers a container that adjusts responsively. Scrolling Text Animation: Craft captivating scrolling text animations with: * #scrolling-text: Positions and designs the scrolling text's container. * #scrolling-text-content: Encases the scrolling text while introducing the animation. Play & Stop Button Styling: Empower user interaction with these classes: * .playButton: Spruces up the play button. * .stopButton: Designs the stop button. Text Positioning: Personalise text elements with: * .centered: Text centralised within the player interface. * .top-text: Stylises and positions the top's text. Additional Classes: * .bottom-text: Styles and positions the bottom's text. * .full-width: Constructs containers stretching the full width for your content. Utility Classes At A Glance: Text Styling: * Colored Text: .text-red, .text-green, .text-blue, .text-yellow * Font Size: .small-text, .large-text * Text Alignment: .center-text, .right-text * Letter Spacing: .letter-spacing Backgrounds & Shadows: * Background Colours: .bg-red, .bg-green, .bg-blue, .bg-yellow * Image Styling: .img-border, .img-shadow, .img-responsive * Text Shadows: .shadow-sm, .shadow-md, .shadow-lg Interactivity & Layouts: * Hover Effects: .hover-red:hover, .hover-green:hover, .hover-blue:hover, .hover-yellow:hover * Gradients: .gradient-bg * Layouts: .flex-row, .flex-col, .grid-layout * Interactive Elements: .btn, .link * Dynamic Color Themes: .theme-primary, .theme-secondary Crafting Your Player: To customise your music player, infuse the provided classes into your HTML components. Here's a basic music player exemplar: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Custom Music Player</title> <link rel="stylesheet" href="path/to/custom-music-player.css"> </head> <body> <div id="main-container"> <div class="centered">My Music Player</div> <div class="full-width flex-row"> <div class="playButton">Play</div> <div class="stopButton">Stop</div> </div> <div id="scrolling-text"> <div id="scrolling-text-content">Now Playing: Song Title</div> </div> </div> </body> </html> Feel empowered to mix, match, and innovate to attain your envisioned design! Harness the Custom Music Player CSS for crafting riveting and interactive music player interfaces. Delve into the classes and play around with combinations, designing memorable user experiences. Additionally, feel free to modify the code to mirror your project's specific criteria. Embark on your coding journey and revel in sculpting custom Audional players! */ @keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff;overflow:hidden;position:relative;font-family:Georgia,serif;font-style:italic;font-weight:700}#main-container{position:relative;width:800px}#a{width:100%;max-width:800px}#d{display:none}#scrolling-text{font-family:monospace;font-size:18px;font-style:italic;font-weight:700;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 150s linear infinite;animation-delay:3s;white-space:nowrap}.playButton,.stopButton{position:absolute;top:50%;width:74px;height:122px;background-color:#000;border:none;font-size:50px;cursor:pointer} .playButton{left:32.7%;color:#0f0}.stopButton{left:59.1%;color:#fff}.centered{position:absolute;left:50%;transform:translateX(-50%);z-index:10;text-align:center;font:italic bold 700 Georgia,serif}.top-text{top:183px;font-size:30px;line-height:1.5;color:#ababab}.bottom-text{top:470px;left:50.3%;font-size:20px;font-weight:bolder;line-height:1;color:#303030}.full-width{position:relative;width:100%}.text-red{color:red}.text-green{color:green}.text-blue{color:blue}.text-yellow{color:#ff0}.bg-red{background-color:red}.bg-green{background-color:green}.bg-blue{background-color:blue}.bg-yellow{background-color:#ff0}.shadow-sm{text-shadow:1px 1px 2px #000}.shadow-md{text-shadow:2px 2px 4px #000}.shadow-lg{text-shadow:3px 3px 6px #000}.hover-red:hover{color:red}.hover-green:hover{color:green}.hover-blue:hover{color:blue}.hover-yellow:hover{color:#ff0}.gradient-bg{background:linear-gradient(to right,red,#ff0,green,blue)}.box-shadow{box-shadow:0 4px 6px rgba(0,0,0,.1)}.rounded{border-radius:8px}.transition{transition:all .3s ease-in-out} .audio-loud .loud-effect{transform:scale(1.1)}.audio-quiet .quiet-effect{opacity:.5}.audio-beat .beat-effect{animation:pulsate .5s ease infinite}.fade-in{animation:fadeIn 1s forwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.slide-in-right{animation:slideInRight 1s forwards}@keyframes slideInRight{from{transform:translateX(100%)}to{transform:translateX(0)}}.hover-grow:hover{transform:scale(1.1)}.hover-shrink:hover{transform:scale(.9)}.hover-fade:hover{opacity:.7}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.m-0{margin:0}.mt-5{margin-top:5px}.p-10{padding:10px}.px-10{padding-left:10px;padding-right:10px}.small-text{font-size:14px}.large-text{font-size:24px}.center-text{text-align:center}.right-text{text-align:right}.letter-spacing{letter-spacing:1px}.img-border{border:1px solid #ccc}.img-shadow{box-shadow:0 2px 4px rgba(0,0,0,.2)}.img-responsive{max-width:100%;height:auto}.flex-row{display:flex;flex-direction:row}.flex-col{display:flex;flex-direction:column}.grid-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px} .btn{padding:10px 20px;background-color:#333;color:#fff;border:none;cursor:pointer}.link{text-decoration:underline;color:#00f}.theme-primary{color:var(--primary-color)}.theme-secondary{color:var(--secondary-color)}.t1{color:#ff00e1;position:relative;font-size:40px;top:-40px;text-shadow:2px 2px 4px rgba(187,0,255,.5);animation-name:colorPulseT2;animation-timing-function:ease-out,ease-out,linear;animation-duration:73s,73s;margin-top:0;z-index:3}.t2{color:#b1b1b1;position:relative;top:-20px;text-shadow:1px 1px 2px rgba(0,0,0,.5);animation:fadeIn 146s forwards;z-index:2}.t3{color:#f48301;font-size:40px;transform-origin:center;text-shadow:2px 2px 4px rgba(19,19,19,.5);animation:fadeIn 73s,colorPulseT2 73s ease-in-out reverse;z-index:1}.t2,.t3{opacity:100}.t3 .left{display:inline-block;animation:moveLeftApart 75s ease-in-out infinite}.t3 .right{display:inline-block;animation:moveRightApart 75s ease-in-out infinite}@keyframes fadeIn{0%,20%{opacity:0}100%{opacity:1}}@keyframes colorPulseT2{0%{color:#fcfca6;text-shadow:0 0 10px #fcfc83,0 0 20px #fcfc83,0 0 30px #fcfc83,0 0 40px #fcfc83} 20%{color:#a5fdc4;text-shadow:0 0 10px #82fcad,0 0 20px #82fcad,0 0 30px #82fcad,0 0 40px #82fcad}40%{color:#a5e3fd;text-shadow:0 0 10px #82d8fc,0 0 20px #82d8fc,0 0 30px #82d8fc,0 0 40px #82d8fc}60%{color:#ccfc9c;text-shadow:0 0 10px #bffc83,0 0 20px #bffc83,0 0 30px #bffc83,0 0 40px #bffc83}70%{color:#83fb83;text-shadow:0 0 10px #83fc83,0 0 20px #83fc83,0 0 30px #83fc83,0 0 40px #83fc83}75%{color:#ffab57;text-shadow:0 0 10px #f93,0 0 20px #f93,0 0 30px #f93,0 0 40px #f93}80%{color:#ff8000;text-shadow:0 0 10px #c60,0 0 20px #c60,0 0 30px #c60,0 0 40px #c60}85%{color:#ff0;text-shadow:0 0 10px #b3b300,0 0 20px #b3b300,0 0 30px #b3b300,0 0 40px #b3b300}90%{color:#24ffb6;text-shadow:0 0 10px #0fa,0 0 20px #0fa,0 0 30px #0fa,0 0 40px #0fa}95%{color:#fcfca6;text-shadow:0 0 10px #fcfc83,0 0 20px #fcfc83,0 0 30px #fcfc83,0 0 40px #fcfc83}100%{color:#ff8000;text-shadow:0 0 10px #ffaa00,0 0 20px #ffc766,0 0 30px #fbe7bb,0 0 40px #fcfc83} 20%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff,0 0 40px #fff}}@keyframes colorPulseT3{0%,100%{color:#606060;text-shadow:2px 2px 4px rgba(111,111,111,.5)} 50%{color:#909090;text-shadow:2px 2px 4px rgba(144,144,144,.5)}}@keyframes growAndShrink{0%,100%{transform:scale(.5)}50%{transform:scale(5)}}@keyframes moveLeftApart{0%,100%{transform:translateX(0)}50%{transform:translateX(-100px)}}@keyframes moveRightApart{0%,100%{transform:translateX(0)}50%{transform:translateX(100px)}}#24,619,303text#24,607,824jsInscription #24332619#24,332,619htmlInscription #24282870#24,282,870html#24,241,122js#24,240,848js#24,240,847js@keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff;overflow:hidden;position:relative;font-family:Georgia,serif;font-style:italic;font-weight:700}#scrolling-text{font-family:monospace;font-size:18px;font-style:italic;font-weight:700;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 150s linear infinite;animation-delay:3s;white-space:nowrap}#main-container{position:relative;width:800px}#a{width:100%;max-width:800px}#d{display:none}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#5dff5d;border:none;font-size:50px;cursor:pointer} .stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}.text{position:absolute;left:50%;transform:translateX(-50%);text-align:center;font:italic bold 700 Georgia,serif;top:480px;font-size:20px;line-height:1;color:#303030;z-index:1}.t1,.t2,.t3{display:block;animation-duration:5s;animation-iteration-count:infinite}.t1{color:#b0f;position:relative;top:-30px;text-shadow:2px 2px 4px rgba(187,0,255,.5);animation-name:colorPulseT2,growAndShrink;animation-timing-function:ease-out,ease-out,linear;animation-duration:75s,75s,37.5s;margin-top:0;z-index:3}.t2{color:#979797;position:relative;top:-10px;text-shadow:1px 1px 2px rgba(0,0,0,.5);z-index:2}.t3{color:#606060;font-size:40px;text-shadow:2px 2px 4px rgba(111,111,111,.5);animation-name:colorPulseT3;animation-timing-function:ease-in-out;animation-duration:3s;z-index:1}.t3 .left{display:inline-block;animation:moveLeftApart 36.57s ease-in-out infinite}.t3 .right{display:inline-block;animation:moveRightApart 36.57s ease-in-out infinite} @keyframes colorPulseT1{0%,100%{color:#b0f;text-shadow:2px 2px 4px rgba(187,0,255,.5)}50%{color:#f0b;text-shadow:2px 2px 4px rgba(255,0,187,.5)}}@keyframes colorPulseT2{0%,100%{color:#fff;text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #a5a5a5,0 0 40px #666}25%{color:#9d9d9d;text-shadow:0 0 10px #393939,0 0 20px #000,0 0 30px #616161,0 0 40px #999}50%{color:#8a8a8a;text-shadow:0 0 10px #fffd9b,0 0 20px #ffa3a3,0 0 30px #ffb162,0 0 40px #ff0}75%{color:#000;text-shadow:0 0 10px #ffb700,0 0 20px #ff6200,0 0 30px red,0 0 40px #a2a2a2}}@keyframes colorPulseT3{0%,100%{color:#606060;text-shadow:2px 2px 4px rgba(111,111,111,.5)}50%{color:#909090;text-shadow:2px 2px 4px rgba(144,144,144,.5)}}@keyframes growAndShrink{0%,100%{transform:scale(.5)}50%{transform:scale(1.66)}}@keyframes moveLeftApart{0%,100%{transform:translateX(0)}50%{transform:translateX(-20px)}}@keyframes moveRightApart{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}@keyframes expandAndContract{0%,100%{letter-spacing:0;margin-left:0} 50%{letter-spacing:10px;margin-left:-5px}}@keyframes rotateText{0%{transform:rotate(0deg)}33%{transform:rotate(5deg)}66%{transform:rotate(-10deg)}100%{transform:rotate(0deg)}}@keyframes moveSideToSide{0%,100%{transform:translateX(0)}50%{transform:translateX(-5px)}}#24,240,423textInscription #24227850#24,227,850htmlInscription #24083535#24,083,535htmlInscription #24075824#24,075,824html#24,072,803js#24,072,766jsInscription #23743011#23,743,011html#23,741,727js#23,739,905js#23,717,105js#23,716,849jsInscription #23670351#23,670,351html#23,670,157js#23,669,901js#23,669,646jsInscription #23667174#23,667,174webpInscription #23666338#23,666,338html@keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}#scrolling-text{font-family:monospace;font-size:18px;font-style:italic;font-weight:700;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 150s linear infinite;animation-delay:3s;white-space:nowrap}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff;overflow:hidden;position:relative;font-family:Georgia,serif;font-style:italic;font-weight:700}#main-container{position:relative;width:800px}#a{width:100%;max-width:800px}#d{display:none}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#0f0;border:none;font-size:50px;cursor:pointer} .stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}.centered{position:absolute;left:50%;transform:translateX(-50%);z-index:10;text-align:center;font:italic bold 700 Georgia,serif}.top-text{top:183px;font-size:30px;line-height:1.5;color:#ababab}.bottom-text{top:470px;left:50.3%;font-size:20px;font-weight:bolder;line-height:1;color:#303030}.full-width{position:relative;width:100%}#23,665,826text#23,638,960js. . . . . I Love Cheese . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . . Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . . This player is part of a very special web3 music collection. One of 111 inscriptions. . . . . . This song is a true web3 music single. Written, produced and distributed entirely on-chain. . . . . . . A digital artefact made from an organised sequence of other digital artefacts. . . . . . . . . . . The production process is programatically assembled from the Bitcoin blockchain every time the song is played. . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . . Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . . Audionals is a novel, innovative, web3 standard for on-chain music production and distribution. . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . . Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . . AUDX songs are programatically assembled compositional sequences. . . . . . . . . . . . . There is no recording . . . . . . . . . . . . . When nobody is listening to an AUDX song, it doesn't exist . . . . . . . . . . . . . . . . . . . . . . . . . . Audionals have the capacity to completely reform the musical landscape in favour of the creator. . . . . . . . . . . . . . . . . . . . . . . . . . Works of art that speak for themselves when royalties are owed . . . . . . . . . . . . . . . . . . . . . . . . . This collection was created by jim.btc/audionals.btc in August 2023. Visit audionals.com to start your own musical journey into web3 . . . . . . . . . . . . . . . . . . . . . . . . #23,634,902textInscription #23435595#23,435,595html. . . . . I Love Cheese . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .This audional player is 1 of 111 inscriptions making up the first music single collection written, produced and distributed 100% on-chain. . . . . . . . . . . . . . . . . . . . . . . . . .I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .Audionals is a novel, innovative web3 standard for on-chain music production and distribution. . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .AUDX songs are programatically assembled compositional sequences. . . . . . . . . . . . . There is no recording . . . . . . . . . . . . . When nobody is listening to an AUDX song, it doesn't exist . . . . . . . . . . . . . . . . . . . . . . . . . .Audionals have the capacity to completely reform the musical landscape in favour of the creator. . . . . . . . . . . . . . . . . . . . . . . . . . Works of art that speak for themselves when royalties are owed . . . . . . . . . . . . . . . . . . . . . . . . .Brought to you by jim.btc and audionals.btc (formerly audionals.com 😉) . . . . . . . . . . . . . . . . . . . . . . . . #23,431,334text/* Audional Player Styles for incorporating scrolling text into the player*/ @keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}#scrolling-text{font-family:monospace;font-size:18px;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 150s linear infinite;animation-delay:3s;white-space:nowrap}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#0f0;border:none;font-size:50px;cursor:pointer}.stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}body{margin:0;overflow:hidden;position:relative}#main-container{position:relative;width:800px} #a{width:100%;max-width:800px}#d{display:none}#23,428,827textInscription #23425466#23,425,466html#23,417,785js#23,404,246js/* Audional Player Styles for incorporating scrolling text into the player*/ @keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}#scrolling-text{font-family:monospace;font-size:18px;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 240s linear infinite;animation-delay:3s;white-space:nowrap}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#0f0;border:none;font-size:50px;cursor:pointer}.stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}body{margin:0;overflow:hidden;position:relative}#main-container{position:relative;width:800px} #a{width:100%;max-width:800px}#d{display:none}#23,403,592text. . . . . I Love Cheese . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .This audional player is 1 of 111 inscriptions making up the first music single collection written, produced and distributed 100% on-chain. . . . . . . . . . . . . . . . . . . . . . . . . .I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .Audionals has created a novel, innovative web3 standard for onchain music production and distribution. . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .AUDX songs are programatically assembled compositional sequences. . . . . . . . . . . . . There is no recording . . . . . . . . . . . . . When nobody is listening to an AUDX song, it doesn't exist . . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .Audionals have the capacity to completely reform the musical landscape in favour of the creator. . . . . . . . . . . . . . . . . . . . . . . . . . Works of art that speak for themselves when royalties are owed . . . . . . . . . . . . . . . . . . . . . . . . .Brought to you by jim.btc and audionals.btc (formerly audionals.com) . . . . . . . . . . . . . ;) . . . . . . . . . . . #23,389,537text. . . . . I Love Cheese . . . . . . by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .This audional player is 1 of 111 inscriptions making up the first music single collection written, produced and distributed 100% on-chain. . . . . . . . . . . . . . . . . . . . . . . . . .I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .Audionals has created a novel, innovative web3 standard for onchain music production and distribution. . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .AUDX songs are programatically assembled compositional sequences. . . . . . . . . . . . . There is no recording . . . . . . . . . . . . . When nobody is listening to an AUDX song, it doesn't exist . . . . . . . . . . . . . . . . . . . . . . . . . . I Love Cheese . . . . . . . . . . . . . . . . . . . . . . . . . .by Rex Speedway and the Denim Avengers . . . . . . . . . . . . . . . . . . . . . . . . . .Audional remix by jim.btc. . . . . . . . . . . . . . . . . . . . . . . . . .Audionals have the capacity to completely reform the musical landscape in favour of the creator. . . . . . . . . . . . . . . . . . . . . . . . . . Works of art that speak for themselves when royalties are owed . . . . . . . . . . . . . . . . . . . . . . . . .Brought to you by jim.btc and audionals.btc (formerly audionals.com) . . . . . . . . . . . . . ;) . . . . . . . . . . .#23,381,722text/* Audional Player Styles for incorporating scrolling text into the player*/ @keyframes scrollText{0%,1%{transform:translateX(0%)}100%{transform:translateX(-100%)}}#scrolling-text{font-family:monospace;font-size:18px;color:#ee0c0c;position:absolute;top:60%;left:50.3%;transform:translate(-50%,150px);white-space:nowrap;overflow:hidden;width:26.5vw;z-index:3;opacity:1}#scrolling-text-content{display:inline-block;animation:scrollText 240s linear infinite;animation-delay:3s;white-space:nowrap}@keyframes pulsate{0%{transform:scale(1)}50%{transform:scale(1.1)}100%{transform:scale(1)}}body{background-color:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;margin:0;color:#fff}.playButton{position:absolute;top:50%;left:32.7%;width:73px;height:122px;background-color:#000;color:#0f0;border:none;font-size:50px;cursor:pointer}.stopButton{position:absolute;top:50%;left:59.1%;width:74px;height:122px;background-color:#000;color:#fff;border:none;font-size:50px;cursor:pointer}#23,378,210textInscription #23124241#23,124,241htmlInscription #23100305#23,100,305html#23,099,195js@keyframes pulsate { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } body { background-color: #000; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; margin: 0; color: #fff; } .playButton { position: absolute; top: 50%; left: 32.7%; width: 73px; height: 122px; background-color: #000; color: #0f0; border: none; font-size: 50px; cursor: pointer; } .stopButton { position: absolute; top: 50%; left: 59.1%; width: 74px; height: 122px; background-color: #000; color: #fff; border: none; font-size: 50px; cursor: pointer; } #23,099,194textInscription #23082374#23,082,374htmlInscription #23026066#23,026,066htmlInscription #23021839#23,021,839htmlInscription #23008759#23,008,759htmlInscription #22992032#22,992,032html