cycle-media v0.0.10

Cycle Media

Pre alpha version cycle.js driver for use in cycle.js applications that want to use elements (video/audio) that implement the HTMLMediaElement interface.

import {run} from '@cycle/core'
import {makeDOMDriver, h} from '@cycle/dom'
import {makeMediaDriver} from 'cycle-media'

function Main({DOM, Media}) {

  const video = Media.video('#video', {src: 'video.mp4', controls: true, loop: true})

  return {
    DOM: video.state$.map(player =>
        h('div', {}, [
          video.vtree,
          h('input#seek', {type: 'range',min: 0, max: player.duration, value: player.position}),
          h('h1', {}, player.position + ''),
        ])
    ),
    Media: video.controls({
      position: DOM.select('input#seek').events('change').pluck('target','value')
    })
  }
}

run(Main, {
  DOM: makeDOMDriver('#app'),
  Media: makeMediaDriver()
})