Skip to content

Instantly share code, notes, and snippets.

@mindspank

mindspank/mp3base64.js

Created December 25, 2016 11:23
Show Gist options
  • Save mindspank/14a50831a5fcfd9100f59c895f242b09 to your computer and use it in GitHub Desktop.
Save mindspank/14a50831a5fcfd9100f59c895f242b09 to your computer and use it in GitHub Desktop.
Download ZIP
Base64 in extensions
Raw
mp3base64.js
define(['jquery', './mp3source'], function($, defaultsound) {
return {
initialProperties: {
sound: [{ label: 'Default', value: defaultsound}]
},
paint: function($element, layout) {
$element.empty();
let audio = $(`<audio controls="controls" autobuffer="autobuffer"><source src="data:audio/mp3;base64,${layout.sound[0].value}"/></audio>`);
audio.appendTo($element)
}
}
});
Raw
mp3source.js
define([], function () {
const sound = `%2F%2FtQBAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASW5mbwAAAA8AAAAVAAAR9AAMDAwMGBgYGBgkJCQkJDAwMDAwPDw8PElJSUlJVVVVVVVhYWFhYW1tbW15eXl5eYaGhoaGkpKSkpKenp6eqqqqqqq2tra2tsPDw8PDz8%2FPz9vb29vb5%2Bfn5%2Bfz8%2FPz8%2F%2F%2F%2F%2F8AAAA5TEFNRTMuOTlyAW4AAAAAAAAAABRAJAJARgAAQAAAEfRXwr31AAAAAAAAAAAAAAAAAAAAAP%2F7UAQAABEdAsoxIhAAJABZNiRCAAVcLTukiMIAo4WocJSYGgAwKkAGHAYGLB%2BCAIAg4uD4P6JxRzPzn%2BUBA4IEz8%2FIf3f%2FWAFAEgAwyBgYsH4IAgCDgGD4PreILus%2FDH%2BUBB3z8Mf3P%2FuqWq7dtmo4kCgC4RALGDTc0PRLCVIamRdCRAMS14RNj94uAavp%2BqLf9d7v%2BZTcksrX9FwiFc6bdqi9EoASSGpgGxhogGJa8Imx7WvFwDV9P1Rb%2F%2F%2FzKorpb5FG0ggAYEQ4UBwVnir%2F%2B1IECAERbBDPaYYZwCxiGcwkwzgFEDNBdPGAIKmGafKeMAaMQwg8EJRhyogc14aZsIi0mPOBZxKR2bxuj%2F%2FUvraVcdbNSiAKAgFBIQLNCEYhhB4ISrHKiBzXhpmwiqTHnAs4lI5DeN0f3fqX1uVqWppSHn20G8NWO%2Fc3CVyV6EF2gxY8pO%2BkDiIDuQvs%2FqSw%2B9uJ3OHNxuSNtiVem5lMVsd%2B5uDWqkPVBvQazyk76QOIgOdQvex345IqfefxO5w6gTIUKR0QufSak3Uu8UWtFP%2F7UgQIAAFNCVGGGEAAKaEqMMMIAAS4MUoYgYAAlwYpQxAwAEKrSr0F4fH9zlP%2FspV%2BnGPdXY%2FKQscwMJiMCZChSOiFz6TUm6l3ii1oohVaVegvD4%2Fucp%2F9lKv04x7q7H5SFjmBhMRlbIA%2BXQ2kbQp9zk1F03Idos0Rqltt2U%2FlGKGfpTahyWuY5Wj9i5WyAPl0NpG0Kfc5NRdNyHaLNEapbbdlP5Rihn6U2oclrmOVo%2FYuM1pXap0POFPrFHL6iUxuKmaB3Ng0uyS6SkCDjF8L%2F%2FtSBA8AAZEd0wY8YAAyI7pgx4wABTgjWhixgACnBGtDFjAA9PKDbF4uLzx%2F3UqGuG7C9d9bP8cZrSu1ToecKfWKOX1EpjcVM0DubBpdkl0lIEHGL4X6eUG2LxcXnj%2FupUNcN2F6762f47H0wAalV0mpwf57rOHFlkuFnyQsuuoyVIknmjoPvEpUJAwPckEEzyv%2F6MfTABqVXSanB%2Fnus4cWWS4WfJCy66jJUiSeaOg%2B8SlQkDA9yQQTPK%2F%2Fotjdttta0WAA6lWmpfg0edR1ZuX%2F%2B1IECYABchbc72BgCC5C253sDAEFVH1wpgxJQKqPrhTBiShy7Kdz%2BxYWpwnPQyz%2FqgkLUsWfBNUk8n8hf1t2N2221rRYADqVaal%2BDR51HVm5XLsp3P7FhanCc9DLP%2BqCQtSxZ8E1STyfyF%2FW3I8sGP7HKGLiE5Y3OvvjQjPcnpvGfdqNvyL0qQ9aj5A4xCgX5DffcRsk9GR5YMf2OUMXEJyxudffGhGe5PTeM%2B7UbfkXpUh61HyBxiFAvyG%2B%2B4jZJ6L3nvEAvAQ76taHaFf23v%2F7UgQHAAFsB13NPEAALYDruaeIAAT4dXgYgQAAnw6vAxAgAOOoeOF1PoSi3k6ur7fwqAiWp7Ag0SrcZagkYQZ9%2FCqvee8QC8BDvq1odoV%2Fbe46h44XU%2BhKLeTq6vt%2FCoCJansCDRKtxlqCRhBn38Kq5BueEDV6GF%2F71tKv7FB%2FTg1T%2B2ZRZHmMXWa%2Fg6Pu84jnToFEf%2F4uM5BueEDV6GF%2F71tKv7FB%2FTg1T%2B2ZRZHmMXWa%2Fg6Pu84jnToFEf%2F4uMqLpQAJQAlUJjpOAiJAlmD7%2F%2FtSBAgAAWwLXM8wQAAtgWuZ5ggABPwrcweYYsCfhW5g8wxY2QYv%2BjUjAwWAJgFwCAR0kGyLBoiPNQWyDtYNdVzIulAAlACVQmOk4CIkCWYPvZBi%2F6NSMDBYAmAXAIBHSQbIsGiI81BbIO1g11XMCr6WGIKTHU%2BJnaPIWapLhShwMDLgpNC6wJSt9j%2F9OxSOcfQkW6afNBV9LDEFJjqfEztHkLNUlwpQ4GBlwUmhdYEpW%2Bx%2F%2BnYpHOPoSLdNPmpyX7aSdygFAKD%2BdktTK43aYab%2F%2B1IECQABZxJj4YIbDCziTHwwQ2GE%2BCV7ZJhDIJ8Er2yTCGQPPi65S04r9BByHGNDY5ZxQPnQi%2Fw50yUmv9bkv20k7lAKAUH87JamVxu0w0wefF1ylpxX6CDkOMaGxyzigfOhF%2FhzpkpNf6xJdtWCYGAD06EYcmpBK08MaHLgQhPppnxAx7HihUJ2treijyv9LbKxJdtWCYGAD06EYcmpBK08MaHLgQhPppnxAx7HihUJ2treijyv9LbK6iqagACwEacJbDCU0w1gmQaFRkO%2BH%2F%2F7UgQKgREeEN1BIzDQI8IbqCRmGgRUSX2EmGFAiokvsJMMKALEYUKhaNImza72o2K%2FsKpqAALARpwlsMJTTDWCZBoVGQ74fAsRhQqFo0ibNrvajYr%2Bw6P%2B0gBVoVH7prWtzzUnKAtj1uDPfXeiKCkyXrIvfFPcqnSdH%2FaQAq0Kj901rW55qTlAWx63BnvrvRFBSZL1kXvinuVTpoVa6wARgMP%2FVkbGTaapphWeZiVVANqbhFmzXbjNS0KtdYAIwGH%2FqyNjJtNU0wrPMxKqgG1N%2F%2FtSBBqAAPEQXqEjCzIeIgvUJGFmRJw9f6MEbgCTh6%2F0YI3AwizZrtxmpaXe7QgAJjAAC7DkRSBJOOmROMbIN4pszKEIG3uSdY6bEi%2BxX%2FXLvdoQAExgABdhyIpAknHTInGNkG8U2ZlCEDb3JOsdNiRfYr%2FrbstjIA2AAD4FigywEWPBMFk0CVzpTFR5Y8PrLkVOZNleeexDdlsZAGwAAfAsUGWAix4JgsmgSudKYqPLHh9ZcipzJsrzz2ISjkTJBC0wx56At5LCETmqiyVTtDj%2F%2B1IELgERHQng4SkwFCOhPBwlJgKD3DV7YxhjWHuGr2xjDGsZdoHMgK3RW9TLpRyJkghaYY89AW8lhCJzVRZKp2hwMu0DmQFborepl7NtKyQApAAAYAUWuaPoU6OtFOt%2B3LlGJru2WmpxMh6FJQLi%2Ba9Fm2lZIAUgAAMAKLXNH0KdHWinW%2FblyjE13bLTU4mQ9CkoFxfNeh6%2B%2BwgA4SIkQiUE0TrKp0yEILGGhTQyFgngFQRUOJLY53qevvsIAOEiJEIlBNE6yqdMhCCxhoU0Mv%2F7UgRCAREtEV5owzGQJaIrzRhmMgRAS3WDBG4AiAlusGCNwBYJ4BUEVDiS2Od6qrdfbSAAsAAARA0JMMXJO7o6Fmo2Shop0WQyjPHg0pjpWlH026%2B2kABYAAAiBoSYYuSd3R0LNRslDRToshlGePBpTHStKPpU2cyIACgOBxSYkaXisYMmVNnith9hhoUSIFaRcigbm3RZ%2FP0iU2cyIACgOBxRMSNLxWMGTKmzxWw%2Bww0KJECtIuRQNzbos%2Fn6RZr9Y0ANhAB8ViJYqRyWGJsb%2F%2FtSBFCBERkPXejDG4AjIeu9GGNwBJhDbaMMxwiTiG20YZjhKImOmpVdTiAiPA4os4WXR%2F%2F%2F3SE1%2BsaAGwgA%2BKxEsVI5LDE2NlETHTUqupxARHgcUWcLLo%2F%2F%2F7pCTbawgBAC0LfBwIJCoHWn5SIpGyctjyVcmRdZRsTbF34pXnak22sIAQAtC3wcCCQqB1p%2BUiKRsnLY8lXJkXWUbE2xd%2BKV52nzavMgAGgAAAckrJBIc842YOsgbJJnVGutDolslM2UUVJoItb%2FX5tXmQADQAD%2F%2B1IEXwERJwhgYSYAzCThDAwkwBmEcElrgxhlyI4JLXBjDLkAOSVkgkOecbMHWQNkkzqjXWh0S2SmbKKKk0EWt%2FrakUbQAWE0YhRlmA87GmdAwxRlJZf9l5WmyMIsHvf1olKZlTUijaACwmjEKMswHnY0zoGGKMpLL%2FsvK02RhFg97%2BtEpTMqu1sjAAQAAChAWAQlynMc60FLSk%2FcmDQVzjQU5k6xvXxBTb7au1sjAAQAAChAWAQlynMc60FLSk%2FcmDQVzjQU5k6xvXxBTb7aX%2F%2F7UgRtAREtEtpoxhlwJaJbTRjDLgRcP2uGIMAQi4ftcMQYAmdlIAAoEGBcmXYWQLUVWicbo5xwcFP9UQCPAqGYao8VT8VTWvs7KQABQIMC5MuwsgWoqtE43Rzjg4Kf6ogEeBUMw1R4qn4qmtVOORogBAACQU8qQsjDiQfDkyOEDD7Vhm4%2BnpnNVkEWKRXumpZ045GiAEAAJBTypCyMOJB8OTI4QMPtWGbj6emc1WQRYpFe6alnbscjQAKQEAABHgQME8ic1kWJjy0S1hRm8xib%2F%2FtSBHsBESAQWOEmMAIkAgscJMYARJRJYaMkYUCSiSw0ZIwoDW802E3VUf%2F%2F6frbscjQAKQEAABHgQME8ic1kWJjy0S1hRm8xibDW802E3VUf%2F%2F6frVVvkAgEJ4KJgFSVHEYNIom5RFL03qs0GSCQdKhMFQ0ibcv%2BvLKt8gEAhPBRMAqSo4jBpFE3KIpem9VmgyQSDpUJgqGkTbl%2F15YSR2xttCyFCrAVAVaz8nWyjQ04BEBZw5jFNDhFJfV%2FakI%2F%2BsNtyNNLDTBBqABAVHLgbH%2F%2B1IEiIABJBDXYMkwJiSCGuwZJgTEyDtfowhuUJkHa%2FRhDcqolhpwCGlOHMYppphYver7bUhHd%2FWqIWEowLELxFJ8i8h7M6qtVLefUp7ky49I6EO%2F2kapRLVUFLZsvVWVMx%2Bqp6wTuNvkWDAp2SiIog7xBCwlGBYheIpPkXkPZnVVqpbz6lPcmXHpHQh3%2B0jVKJaqgpbNl6qypmP1VPWCd1b5FgwKdkoiKIOeIKmt9rnXoACXbB0NDVFjTYqTMVJmKrZMeMCy1XqnyjR%2Bt7zTA%2F%2F7UgSUAREjDtDBJjAAJGHaGCTGAARoJT%2BApMBAkISnsGMMSElpsOmb0%2Bgl1ySNwsAiP6wdBIaYUOTJOg1IyaTetlUFxar1WlGj9b3mmBpLTYdDc0nqRur6qgkY22xKAoQBASAFFIOsoGIk5EkaqSSE4YPFcyp%2BzVOQlcTsWTxv%2B9PdVl5lHEITGKQeL96RQGj7mtkW6uHuWCRjcbEoChAEBIAUUg6ygYiTkSRo6QEhOGDxXMqfs1TkJXE7Fk8b%2FvT3VZeZRxCMYpB4v3pFAaPu%2F%2FtSBKIAEcshzIDGGPI5ZDmQGMMeRWgrP4MFIAC5B2cwkwzoa2Rbq5LlhWbEgSM9D1cHhmsEWMxerkwfzk4795Z6RObUQg7J4ptAK0eiRuFRzdACJB6Sy3XS7TNNZzfFIVOG0ORHoFZsSBIz0PVweGawRYzF6uTB%2FOTjv3lnpE5tRCDsnim0ArR6JG4WOaeg45RmOPEqMLoevEmmOYoSJeY0tdUN1qu1zKyCQWGAeCCMYBsq8okcPqJtFkovEyZgPhFS515FQ4%2FPC0ihRERb%2Bwf%2F%2B1IEkgAB9iRMYSYZUD6EiYwkwyoHkIctBgRywPKQpaDAjlhzQqLAN07hFEekN1qu1zKyCQWGAeCCMYBsq8okcPqJtFkovEyZgPhFS515FQ4%2FPC0ihRERb%2BwdzQqLAN07UEUR6QQGJDYQFQqCJkiJmNauuoCJ6nw6dKuyoKgVBENSKj2WHjRoKulb063Dw0SiKsYerAUEwAKgFACJSImY1qqvQFerPBoqdyoKgWRDUioO5YeExoKnZWeTlXDw0Sp1P%2FkfLExBTUUzLjk5LjOqqv%2F7UgRtAAG2DU1gyTAgN0GprBkmBAX4IyMkpGBAwIRkGJSMCKqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqqq`
return sound;
})
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment