Artefact Keys
Requires Vital v1.5+
<!DOCTYPE html> <html> <head> <style> /* Set the background color to #f2f2f2 */ audio { background-color: #f2f2f2; border-radius: 9px; width: 100%; padding: 10px; margin: 0 0 5px; /* Reduced margin */ } .button-container { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; /* Reduced margin */ margin-bottom: 10px; } /* Custom styling for the "Add to Cart" button */ .sqs-add-to-cart-button, .custom-button { background-color: transparent; width: calc(50% - 5px) !important; /* Make the button fill 50% of the width */ padding: 10px !important; /* Add padding to the button */ margin: 0 !important; /* Remove default margin */ font-size: 14px !important; /* Set button text size to 14px */ text-align: center; /* Align button text to the center */ display: flex; align-items: center; justify-content: center; position: relative; height: calc(100% - 20px); /* Match height with custom button */ border-radius: 15px; /* Apply border radius */ } .sqs-add-to-cart-button-inner, .custom-button { width: 100% !important; white-space: nowrap !important; /* Prevent the text from wrapping */ } .sqs-add-to-cart-button { margin-right: 5px !important; margin-top: -17px !important; } /* New button with background color #f2f2f2 */ .custom-button { background-color: #f2f2f2; /* Set background color */ width: calc(50% - 5px) !important; height: calc(100% - 22px); /* Make the button height the same as audio player */ margin-top: -17px !important; font-size: 14px !important; border-radius: 9px !important; } </style> </head> <body> <audio controls controlsList="nodownload noplaybackrate" preload="none"> <source src="https://static1.squarespace.com/static/5e4b41568ae6b644169bed5a/t/66609a9bb90de92ec5f30011/1683895381115/Artefact+Keys_1.mp3/original/Artefact+Keys_1.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="button-container"> <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element--primary" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="665df730c2ef921f56e98762" data-item-id="66609a9bb90de92ec5f30016" data-product-type="2" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_1717941933975_852"> <div class="sqs-add-to-cart-button-inner">Add To Cart</div> </div> <a class="custom-button" href="https://www.worshipstart.com?msopen=%2Fcontent%2F5q4wkbfc7x%2Fdownload">Download</a> <!-- Replace YOUR_URL_HERE with the actual URL --> </div> <div class="audio-title"></div> <!-- Title displayed on the player interface --> </body> </html>
Requires Vital v1.5+
<!DOCTYPE html> <html> <head> <style> /* Set the background color to #f2f2f2 */ audio { background-color: #f2f2f2; border-radius: 9px; width: 100%; padding: 10px; margin: 0 0 5px; /* Reduced margin */ } .button-container { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; /* Reduced margin */ margin-bottom: 10px; } /* Custom styling for the "Add to Cart" button */ .sqs-add-to-cart-button, .custom-button { background-color: transparent; width: calc(50% - 5px) !important; /* Make the button fill 50% of the width */ padding: 10px !important; /* Add padding to the button */ margin: 0 !important; /* Remove default margin */ font-size: 14px !important; /* Set button text size to 14px */ text-align: center; /* Align button text to the center */ display: flex; align-items: center; justify-content: center; position: relative; height: calc(100% - 20px); /* Match height with custom button */ border-radius: 15px; /* Apply border radius */ } .sqs-add-to-cart-button-inner, .custom-button { width: 100% !important; white-space: nowrap !important; /* Prevent the text from wrapping */ } .sqs-add-to-cart-button { margin-right: 5px !important; margin-top: -17px !important; } /* New button with background color #f2f2f2 */ .custom-button { background-color: #f2f2f2; /* Set background color */ width: calc(50% - 5px) !important; height: calc(100% - 22px); /* Make the button height the same as audio player */ margin-top: -17px !important; font-size: 14px !important; border-radius: 9px !important; } </style> </head> <body> <audio controls controlsList="nodownload noplaybackrate" preload="none"> <source src="https://static1.squarespace.com/static/5e4b41568ae6b644169bed5a/t/66609a9bb90de92ec5f30011/1683895381115/Artefact+Keys_1.mp3/original/Artefact+Keys_1.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="button-container"> <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element--primary" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="665df730c2ef921f56e98762" data-item-id="66609a9bb90de92ec5f30016" data-product-type="2" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_1717941933975_852"> <div class="sqs-add-to-cart-button-inner">Add To Cart</div> </div> <a class="custom-button" href="https://www.worshipstart.com?msopen=%2Fcontent%2F5q4wkbfc7x%2Fdownload">Download</a> <!-- Replace YOUR_URL_HERE with the actual URL --> </div> <div class="audio-title"></div> <!-- Title displayed on the player interface --> </body> </html>
Requires Vital v1.5+
<!DOCTYPE html> <html> <head> <style> /* Set the background color to #f2f2f2 */ audio { background-color: #f2f2f2; border-radius: 9px; width: 100%; padding: 10px; margin: 0 0 5px; /* Reduced margin */ } .button-container { display: flex; justify-content: space-between; align-items: center; margin-top: 5px; /* Reduced margin */ margin-bottom: 10px; } /* Custom styling for the "Add to Cart" button */ .sqs-add-to-cart-button, .custom-button { background-color: transparent; width: calc(50% - 5px) !important; /* Make the button fill 50% of the width */ padding: 10px !important; /* Add padding to the button */ margin: 0 !important; /* Remove default margin */ font-size: 14px !important; /* Set button text size to 14px */ text-align: center; /* Align button text to the center */ display: flex; align-items: center; justify-content: center; position: relative; height: calc(100% - 20px); /* Match height with custom button */ border-radius: 15px; /* Apply border radius */ } .sqs-add-to-cart-button-inner, .custom-button { width: 100% !important; white-space: nowrap !important; /* Prevent the text from wrapping */ } .sqs-add-to-cart-button { margin-right: 5px !important; margin-top: -17px !important; } /* New button with background color #f2f2f2 */ .custom-button { background-color: #f2f2f2; /* Set background color */ width: calc(50% - 5px) !important; height: calc(100% - 22px); /* Make the button height the same as audio player */ margin-top: -17px !important; font-size: 14px !important; border-radius: 9px !important; } </style> </head> <body> <audio controls controlsList="nodownload noplaybackrate" preload="none"> <source src="https://static1.squarespace.com/static/5e4b41568ae6b644169bed5a/t/66609a9bb90de92ec5f30011/1683895381115/Artefact+Keys_1.mp3/original/Artefact+Keys_1.mp3" type="audio/mpeg"> Your browser does not support the audio element. </audio> <div class="button-container"> <div class="sqs-add-to-cart-button sqs-suppress-edit-mode sqs-button-element--primary" role="button" tabindex="0" data-dynamic-strings="" data-collection-id="665df730c2ef921f56e98762" data-item-id="66609a9bb90de92ec5f30016" data-product-type="2" data-use-custom-label="false" data-original-label="Add To Cart" id="yui_3_17_2_1_1717941933975_852"> <div class="sqs-add-to-cart-button-inner">Add To Cart</div> </div> <a class="custom-button" href="https://www.worshipstart.com?msopen=%2Fcontent%2F5q4wkbfc7x%2Fdownload">Download</a> <!-- Replace YOUR_URL_HERE with the actual URL --> </div> <div class="audio-title"></div> <!-- Title displayed on the player interface --> </body> </html>
Features:
Custom macro effects controls assigned to mod wheel for live performance
Patch file for easy import into Worship Keys MainStage 3 template, for use in Patch Combiner +
Channel strip file (.cst) for easy import into Logic Pro X or any other MainStage template
Vital preset file (.vital) for direct import into the VST using any commercial DAW
Installation instructions and help links
Custom skin/theme for Vital’s UI (.vitaltheme) available only in the Spectrum Collection bundle
Software Requirements:
-
Before purchasing, please make sure that you have the most recent version of Vital by Vital Audio (Free) installed and double check that the plugin works with your operating system.
-
This patch was designed for use in Worship Keys’ Patch Combiner + feature. You can easily create your own custom layered patches with this sound, in combination with hundreds more sounds from the Worship Keys library or from any of our MainStage patch collections. Plus, with up to 6 instrument slots in the template at your disposal, you can manipulate any of these sounds live on the fly, from any desired faders on your controller. To learn more about Worship Keys, click here.
-
If you are running earlier versions of MainStage or Logic Pro X, you’ll need to update before trying to use these patches.
-
These presets can be imported into Vital directly within any commercial DAW (ex. Ableton, Logic, Pro Tools, Reaper, Reason, Studio One, FL Studio, etc.).
-
Windows: 10 and higher
MacOS: 10.12 and higher (Intel or Apple Silicon)
Ubuntu Linux 18.04 and above
*Please note that updating your mac to any new/recent OS may affect the plugin’s compatibility/performance.
This patch is included in our Worship Keys Member Template!
Worship Keys is our MainStage template for keys players. Packed with hundreds of studio-quality sounds and incredible live performance tools, this template is easy to use for keys players at any level and instantly gets you sounding your best. It features tools like our Latch Pad Player, Live Arps Player, Drum Loop Player, Song-specific worship patches, and also a Smart Transpose feature where you can effortlessly change the key you’re playing in and hearing in separately. Take the guesswork out of playing keys and get all the best sounds right out of the box.
Member Download