JSFiddle - React, Tailwind, and code Playground
by velo_ninja
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Play Audio</title>
</head>
<body>
<script>
// Your Base64-encoded audio data
var base64Data = '{"type":"Buffer","data":[255, 251, 144, 196, 0, 0, 15, 145, 129, 31, 161, 140, 109, 234, 103, 49, ' +
'163, 113, 132, 154, 33, 0, 162, 154, 78, 41, 25, 45, 184, 0, 84, 56, 160, 2, 9, 64, 0, 16, 1, 10, 139, 103, ' +
'220, 88, 65, 1, 197, 160, 25, 161, 64, 128, 4, 232, 0, 80, 158, 22, 104, 65, 197, 188, 0, 44, 24, 25, 215, ' +
'223, 127, 63, 68, 71, 250, 28, 12, 247, 75, 250, 20, 64, 49, 111, 93, 247, 51, 74, 44, 32, 138, 6, 194, 240, ' +
'224, 110, 28, 13, 146, 32, 1, 57, 244, 195, 129, 139, 224, 0, 128, 226, 252, 56, 27, 139, 128, 4, 17, 57, ' +
'116, 174, 0, 161, 207, 119, 4, 0, 6, 7, 11, 128, 4, 45, 4, 113, 17, 60, 56, 27, 23, 18, 139, 0, 17, 95, ' +
'192, 7, 248, 245, 29, 151, 72, 157, 42, 163, 32, 56, 56, 168, 214, 28, 17, 150, 33, 53, 228, 5, 12, 89, ' +
'10, 74, 226, 176, 40, 202, 16, 34, 27, 88, 72, 134, 77, 234, 102, 213, 91, 32, 116, 88, 74, 30, 4, 208, ' +
'129, 161, 68, 138, 31, 194, 88, 40, 195, 144, 38, 65, 76, 174, 195, 70, 45, 21, 7, 176, 129, 176, 91, 76, ' +
'218, 248, 156, 19, 99, 22, 35, 209, 85, 112, 37, 204, 93, 162, 139, 156, 106, 99, 208, 92, 57, 197, 172, ' +
'34, 182, 71, 254, 139, 20, 140, 192, 133, 231, 13, 227, 23, 123, 246, 91, 45, 234, 241, 122, 221, 241, ' +
'161, 226, 45, 154, 220, 204, 196, 229, 120, 106, 110, 110, 183, 136, 74, 57, 201, 223, 214, 71, 8, 77, ' +
'146, 52, 169, 196, 212, 98, 246, 55, 67, 94, 155, 17, 125, 147, 145, 53, 85, 117, 149, 0, 8, 64, 0, 23, ' +
'49, 68, 92, 131, 248, 7, 20, 40, 159, 14, 114, 169, 56, 94, 206, 48, 238, 36, 228, 176, 221, 69, 39, 144, ' +
'45, 202, 7, 169, 148, 114, 42, 17, 13, 8, 137, 3, 65, 182, 173, 84, 76, 164, 146, 114, 124, 177, 162, 18, ' +
'34, 86, 208, 170, 162, 178, 88, 169, 43,...JavaScript
'{"type":"Buffer","data":[255, 251, 144, 196, 0, 0, 15, 145, 129, 31, 161, 140, 109, 234, 103, 49, ' +
'163, 113, 132, 154, 33, 0, 162, 154, 78, 41, 25, 45, 184, 0, 84, 56, 160, 2, 9, 64, 0, 16, 1, 10, 139, 103, ' +
'220, 88, 65, 1, 197, 160, 25, 161, 64, 128, 4, 232, 0, 80, 158, 22, 104, 65, 197, 188, 0, 44, 24, 25, 215, ' +
'223, 127, 63, 68, 71, 250, 28, 12, 247, 75, 250, 20, 64, 49, 111, 93, 247, 51, 74, 44, 32, 138, 6, 194, 240, ' +
'224, 110, 28, 13, 146, 32, 1, 57, 244, 195, 129, 139, 224, 0, 128, 226, 252, 56, 27, 139, 128, 4, 17, 57, ' +
'116, 174, 0, 161, 207, 119, 4, 0, 6, 7, 11, 128, 4, 45, 4, 113, 17, 60, 56, 27, 23, 18, 139, 0, 17, 95, ' +
'192, 7, 248, 245, 29, 151, 72, 157, 42, 163, 32, 56, 56, 168, 214, 28, 17, 150, 33, 53, 228, 5, 12, 89, ' +
'10, 74, 226, 176, 40, 202, 16, 34, 27, 88, 72, 134, 77, 234, 102, 213, 91, 32, 116, 88, 74, 30, 4, 208, ' +
'129, 161, 68, 138, 31, 194, 88, 40, 195, 144, 38, 65, 76, 174, 195, 70, 45, 21, 7, 176, 129, 176, 91, 76, ' +
'218, 248, 156, 19, 99, 22, 35, 209, 85, 112, 37, 204, 93, 162, 139, 156, 106, 99, 208, 92, 57, 197, 172, ' +
'34, 182, 71, 254, 139, 20, 140, 192, 133, 231, 13, 227, 23, 123, 246, 91, 45, 234, 241, 122, 221, 241, ' +
'161, 226, 45, 154, 220, 204, 196, 229, 120, 106, 110, 110, 183, 136, 74, 57, 201, 223, 214, 71, 8, 77, ' +
'146, 52, 169, 196, 212, 98, 246, 55, 67, 94, 155, 17, 125, 147, 145, 53, 85, 117, 149, 0, 8, 64, 0, 23, ' +
'49, 68, 92, 131, 248, 7, 20, 40, 159, 14, 114, 169, 56, 94, 206, 48, 238, 36, 228, 176, 221, 69, 39, 144, ' +
'45, 202, 7, 169, 148, 114, 42, 17, 13, 8, 137, 3, 65, 182, 173, 84, 76, 164, 146, 114, 124, 177, 162, 18, ' +
'34, 86, 208, 170, 162, 178, 88, 169, 43, 36, 6, 76, 168, 93, 98, 221, 91, 252, 219, 221, 36, 216, 67, ' +
'80, 19, 40, 54, 190, 172, 80, 148, 201, 50, 142, 65, 61, 212, 7, 100, 209, 180, 10, 46, 202, 71, 32, 185, ' +
'105, 166, 105, 86, 152, 182, 152, 71, 41, 97, 58, 76, 90, 208,...