2024

ON24 Video Platform

Enterprise video conferencing platform with attendee management, hand raise, pass-the-mic, and virtual backgrounds.

Built the UI for ON24's video conferencing products using React.js, SASS, OpenTok, and styled-components. Developed and owned features including attendee list, hand raise, pass-the-mic, virtual backgrounds, and a custom user role system that allows interface customization based on subscriber roles with support for live demotion and promotion. Brought existing features to iOS Safari within 2 months and provided technical integration support to 4 other product teams.

Tech Stack

React.jsSASSOpenTokStyled Components

Impact

Product Teams

Platform

iOS Safari

Gallery

Implementation Highlight

VideoRoleSystem.tsxtypescript

interface UserRole {
  canShare: boolean;
  canRaiseHand: boolean;
  canChat: boolean;
  customUI: UIConfig;
}

export function VideoInterface({ role }: { role: UserRole }) {
  return (
    <VideoContainer theme={role.customUI}>
      {role.canShare && <ScreenShareButton />}
      {role.canRaiseHand && <HandRaiseButton />}
      {role.canChat && <ChatPanel />}
    </VideoContainer>
  );
}