Showfer Schedule

Displays the program schedule.

Usage

npm install showfer-schedule

import React from 'react';
import ShowferSchedule from 'showfer-schedule';

<ShowferSchedule url="https://epg.showfer.com/airy/655bca6d577abc6e57f9e344/Airy" timeZone="America/Los_Angeles"/>

Props

| Prop | Description | Default | |------------|------------------------------------|---------| | url | The url of a video | | | timeZone | Timezone | | | width | Set the width of the schedule | 100% | | height | Set the height of the schedule | 100% |

Standalone scheduler

If you aren’t using React, you can still render a scheduler using the standalone library:

<script src="https://cdn.jsdelivr.net/npm/showfer-schedule@latest/dist/showfer-schedule.standalone.min.js"></script>
<script>
    const container = document.getElementById('container');
    const url = 'https://epg.showfer.com/airy/655bca6d577abc6e57f9e344/Airy';

    renderShowferSchedule(container, {
      url,
      timeZone: 'America/Los_Angeles',
    });
</script>

Screenshot