So you want to run an online event?

A presentation at DevRelCon Earth 2020 in July 2020 in by Kevin Lewis

Slide 1

Slide 1

So you want to run an online event? PRESENTED BY: Kevin Lewis Developer Advocate

Slide 2

Slide 2

Hi, I’m Kevin Lewis London Developer Advocate at Vonage. Formally ran a developer events agency. • Conferences. You Got This, Women of React, BarCamp London. • Hackathons. UKGovHack, Parliament Hack, Anvil Hack, Sex Tech Hack, BASH Festival of Code. • Meetups. London CSS, London Node User Group, Thundercloud Ldn. • And other more weird formats. @_PHZN @VONAGEDEV 2

Slide 3

Slide 3

@_PHZN @VONAGEDEV 3

Slide 4

Slide 4

It’s 2020 - the year that everything has changed. @_PHZN @VONAGEDEV 4

Slide 5

Slide 5

Women of React Conference @_PHZN @VONAGEDEV You Got This 2020 From Home Vonage Developer Day 5

Slide 6

Slide 6

Core Considerations for Running Online Events Complexity of Operation Creative Flexibility Moderation Bandwidth Attendee Experience Speaker Experience How confident is your team? How much creative flexibility do you want? How much people-power do you have for moderation? What is an ideal experience for attendees? How involved/complex can your speaker experience be? Are you concerned by a higher level of complexity? On-stream branding Could you moderate more than one channel? How much networking do you wish to facilitate? If your speakers are internal, this might not need to be a concern. Placement of elements Interactive elements @_PHZN @VONAGEDEV How involved is your incident-response process? What do attendee experiences with sponsors/partners looks like? 6

Slide 7

Slide 7

A quick primer on streaming terminology @_PHZN @VONAGEDEV 7

Slide 8

Slide 8

SCENE 1 SCENE 2 🎙 🎙 🎙 Video - Camera Video - Camera Video - Screen Audio - Microphone Per speaker Audio - Microphone Image - Background @_PHZN @VONAGEDEV Image - Background 8

Slide 9

Slide 9

April 25 2020 @_PHZN @VONAGEDEV 9

Slide 10

Slide 10

@_PHZN @VONAGEDEV 10

Slide 11

Slide 11

@_PHZN @VONAGEDEV 11

Slide 12

Slide 12

@_PHZN @VONAGEDEV 12

Slide 13

Slide 13

@_PHZN @VONAGEDEV 13

Slide 14

Slide 14

Open Broadcaster Software @_PHZN @VONAGEDEV 14

Slide 15

Slide 15

@_PHZN @VONAGEDEV 15

Slide 16

Slide 16

Sources for Speaker with Slides Background Blue box graphic Blue box text Web browser with captioning Speaker video & audio Speaker screen @_PHZN @VONAGEDEV 16

Slide 17

Slide 17

Skype @_PHZN @VONAGEDEV 17

Slide 18

Slide 18

Skype for Content Creators NDI @_PHZN @VONAGEDEV 18

Slide 19

Slide 19

YouTube Live. You can turn comments off. @_PHZN @VONAGEDEV 19

Slide 20

Slide 20

Discord @_PHZN @VONAGEDEV 20

Slide 21

Slide 21

ROLES Discord has role-based permissions. Speakers, Moderators, Organizers. CHANNELS MODERATION Themes. Speaker Questions. Backchannels. Only for attendees. Dynobot commands. No voice. Excellent team. 21

Slide 22

Slide 22

@_PHZN @VONAGEDEV 22

Slide 23

Slide 23

Women of React Conference Complexity of Operation Creative Flexibility Moderation Bandwidth Attendee Experience Speaker Experience Had to manage a Skype call, Discord and OBS. Able to fully design all scenes including layouts and sources. Attendee moderation on a single platform. Two platforms to manage. Check-in on Discord. Dyno commands made handling channels easier. Ability to ask questions through Discord. Skype NDI is interesting (read in a critical tone). Was on a single machine, making the bus-factor low. @_PHZN Fiddly, but could also play music into stream through VLC. Still had a large team. Captions could be designed & baked-in. @VONAGEDEV Captured in Discord post-event. Join Skype call. Scramble to share screen. MC had quite the job. Non-registrants could still watch. 23

Slide 24

Slide 24

June 6 2020 @_PHZN @VONAGEDEV 24

Slide 25

Slide 25

@_PHZN @VONAGEDEV 25

Slide 26

Slide 26

@_PHZN @VONAGEDEV 26

Slide 27

Slide 27

@_PHZN @VONAGEDEV 27

Slide 28

Slide 28

@_PHZN @VONAGEDEV 28

Slide 29

Slide 29

Streamyard @_PHZN @VONAGEDEV 29

Slide 30

Slide 30

@_PHZN @VONAGEDEV 30

Slide 31

Slide 31

@_PHZN @VONAGEDEV 31

Slide 32

Slide 32

@_PHZN @VONAGEDEV 32

Slide 33

Slide 33

@_PHZN @VONAGEDEV 33

Slide 34

Slide 34

@_PHZN @VONAGEDEV 34

Slide 35

Slide 35

@_PHZN @VONAGEDEV 35

Slide 36

Slide 36

You Got This From Home Complexity of Operation Creative Flexibility Moderation Bandwidth Attendee Experience Speaker Experience Fewer moving-parts. 7 pre-set scene layouts. No ability to edit them. Same as Women of React. Same as Women of React. Canvas = live. Only one screen share at a time. Fewer moderators. ‘Backstage’ was very useful. Cloud-based, so other people could jump-in to operate. Clear backstage and live areas. Can drop in early with no impact on the stream. Pain to play pre-recorded videos over 5 minutes @_PHZN @VONAGEDEV 36

Slide 37

Slide 37

Online events run the spectrum from a live TV-show to emulating physical events. @_PHZN @VONAGEDEV 37

Slide 38

Slide 38

@_PHZN @VONAGEDEV 38

Slide 39

Slide 39

@_PHZN @VONAGEDEV 39

Slide 40

Slide 40

@_PHZN @VONAGEDEV 40

Slide 41

Slide 41

@_PHZN @VONAGEDEV 41

Slide 42

Slide 42

@_PHZN @VONAGEDEV 42

Slide 43

Slide 43

Vonage Developer Day Complexity of Operation Creative Flexibility Moderation Bandwidth Attendee Experience Speaker Experience One platform. Customizable floor plan. 3 levels of chat - global, table, DM. Single integrated platform. Need to shift stage permissions regularly. Interactive UI components aren’t editable. Same as attendees, except they can also access the stage. No way to turn off DMs. Quite resource-intensive. We had a table set aside for moderators. Q&A is always visible even if not used. If you don’t like panning a canvas there’s no way to turn it off. Could livestream to YouTube Live No way to edit recordings. Can’t change layout of broadcast stage. @_PHZN @VONAGEDEV 43

Slide 44

Slide 44

@_PHZN @VONAGEDEV 44

Slide 45

Slide 45

Live Captioning @_PHZN @VONAGEDEV 45

Slide 46

Slide 46

Open captions via OBS Browser @_PHZN @VONAGEDEV Closed captions available in YouTube via CC button External to platform or an additional screen share 46

Slide 47

Slide 47

Let’s wrap this up @_PHZN @VONAGEDEV 47

Slide 48

Slide 48

Pros Cons The most creative flexibility The most complex Supports open-captions Low bus-factor Moderation & community Speakers can damage stream 2 screen experience @_PHZN @VONAGEDEV 48

Slide 49

Slide 49

Pros Cons More clear for speakers No open-captions Operator in full-control Pain to play longer videos Enough creative flexibility @_PHZN @VONAGEDEV 49

Slide 50

Slide 50

Pros Cons Integrated experience Resource-intensive Clear where everyone is Can’t customize/hide UI Can livestream to YouTube Need to shift roles often Captions are awkward @_PHZN @VONAGEDEV 50

Slide 51

Slide 51

Thank you! @_PHZN @VONAGEDEV 51