Packages

kino

0.13.0
0.19.0 0.18.0 0.17.0 0.16.1 0.16.0 0.15.3 0.15.2 0.15.1 0.15.0 0.14.2 0.14.1 0.14.0 0.13.2 0.13.1 0.13.0 0.12.3 0.12.2 0.12.1 0.12.0 0.11.3 0.11.2 0.11.1 0.11.0 0.10.0 0.9.4 0.9.3 0.9.2 0.9.1 0.9.0 0.8.1 0.8.0 0.7.0 0.6.2 0.6.1 0.6.0 retired 0.5.2 0.5.1 0.5.0 0.4.1 0.4.0 0.3.1 0.3.0 0.2.3 0.2.2 0.2.1 0.2.0 0.1.3 0.1.2 0.1.1 0.1.0

Interactive widgets for Livebook

HexDocs

Current section

Files

Jump to
Readme
50 Versions
4 Dependencies
Dependants
Files
Activity
kino lib assets audio main.js
Raw

lib/assets/audio/main.js 

export function init(ctx, [{ type, opts }, content]) {

  ctx.root.innerHTML = `

    <div class="root">

      <audio ${opts} src="${createDataUrl(content, type)}" style="height: 150px"/>

    </div>

  `;

}



function bufferToBase64(buffer) {

  let binaryString = "";

  const bytes = new Uint8Array(buffer);

  const length = bytes.byteLength;



  for (let i = 0; i < length; i++) {

    binaryString += String.fromCharCode(bytes[i]);

  }



  return btoa(binaryString);

};



function createDataUrl(content, type){

  return `data:${type};base64,${bufferToBase64(content)}`

};