the-platform/Audio.js

React Hooks and Suspense-ready Components for Web API's and elements

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Audio = exports.AudioResource = void 0;

var _react = _interopRequireDefault(require("react"));

var _createResource = require("./createResource");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var AudioResource = (0, _createResource.createResource)(function (src) {
  return new Promise(function (resolve, reject) {
    var audio = document.createElement('audio');
    audio.src = src;

    audio.onloadeddata = function () {
      return resolve(audio);
    };

    audio.onerror = reject;
    document.body.append(audio);
  });
});
exports.AudioResource = AudioResource;

var Audio = function Audio(props) {
  AudioResource.read(props.src);
  return _react.default.createElement("audio", props);
};

exports.Audio = Audio;