Origami Frontend Components & Services

Demos: g-audio

g-audio is not maintained by the Origami team. This means that the Origami team will not necessarily be able to help you with support requests. The people who maintain this component may be able to offer support, but it's not guaranteed.

g-audio has a support status of "experimental". This means that the component's API may change without notice, and there is no guarantee that the component is ready for production use.

Inline

Demo of inline audio player

<p>
      Leverage agile frameworks to provide a robust synopsis for high level
      overviews. Iterative approaches to corporate strategy foster collaborative
      thinking to further the overall value proposition.
      <span class="g-audio">Bring to the table win-win survival<audio controls>
          <source src="http://ig.ft.com/audio/g-audio-demo.mp3" type="audio/mpeg"></audio></span>
      strategies to ensure proactive domination. Organically grow the holistic
      world view of disruptive innovation via workplace diversity and
      empowerment.
    </p>

Block

Demo of block audio player

<p>
      Leverage agile frameworks to provide a robust synopsis for high level
      overviews.
    </p>

    <span class="g-audio g-audio--block">Podcasting operational change management<audio controls>
        <source src="http://ig.ft.com/audio/g-audio-demo2.mp3" type="audio/mpeg"></audio></span>

    <p>
      Iterative approaches to corporate strategy foster collaborative thinking
      to further the overall value proposition. Strategies to ensure proactive
      domination. Organically grow the holistic world view of disruptive
      innovation via workplace diversity and empowerment.
    </p>
Status
experimental Origami v2.0
Switch component view

GitHub Repository

Install g-audio

If using the Build Service, add g-audio@^2.0.0-beta.0 to your script and link tags.

If running a Manual Build, run npm install "g-audio@^2.0.0-beta.0".

Help & Support

g-audio is not supported directly by the Origami team. We make no guarantees, but will help if we can. First try contacting its maintainers at:

Slack: #graphics-dev
Email: ig.developers@ft.com