You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
813 B
32 lines
813 B
import React from 'react'; |
|
import { ComponentStory, ComponentMeta } from '@storybook/react'; |
|
import OwncastPlayer from '../components/video/OwncastPlayer'; |
|
|
|
const streams = { |
|
DemoServer: `https://watch.owncast.online`, |
|
RetroStrangeTV: `https://live.retrostrange.com`, |
|
localhost: `http://localhost:8080`, |
|
}; |
|
|
|
export default { |
|
title: 'owncast/Player', |
|
component: OwncastPlayer, |
|
argTypes: { |
|
source: { |
|
options: Object.keys(streams), |
|
mapping: streams, |
|
control: { |
|
type: 'select', |
|
}, |
|
}, |
|
}, |
|
parameters: {}, |
|
} as ComponentMeta<typeof OwncastPlayer>; |
|
|
|
const Template: ComponentStory<typeof OwncastPlayer> = args => <OwncastPlayer {...args} />; |
|
|
|
export const LiveDemo = Template.bind({}); |
|
LiveDemo.args = { |
|
online: true, |
|
source: 'https://watch.owncast.online', |
|
};
|
|
|