Frontend Developer (Video Player UI)

Company Overview

At Motorola Solutions, we believe that everything starts with our people. We’re a global close-knit community, united by the relentless pursuit to help keep people safer everywhere. We build and connect technologies to help protect people, property and places. Our solutions foster the collaboration that’s critical for safer communities, safer schools, safer hospitals, safer businesses, and ultimately, safer nations. Connect with a career that matters, and help us build a safer future.

Aperçu de l’entreprise

Chez Motorola Solutions, nous pensons que tout commence par nos employés. Nous sommes une communauté mondiale soudée, unie par la volonté incessante de contribuer à la sécurité des personnes partout dans le monde. Nous concevons et connectons des technologies qui contribuent à protéger les personnes, les biens et les infrastructures. Nos solutions favorisent la collaboration essentielle pour améliorer la sécurité des populations, des écoles, des hôpitaux, des entreprises et, finalement, des nations. Connectez-vous à une carrière qui compte et aidez-nous à bâtir un avenir plus sûr.

Department Overview

Our department develops and maintains the organization’s next-generation, web-based video player, which now serves as the unified media standard powering multiple core products across the enterprise. Engineered for high performance and universal compatibility, the platform leverages Web Components to ensure seamless integration into any application framework. It delivers a robust feature set that includes real-time video streaming, live recording, and hardware-accelerated decoding via the WebCodecs API. Additionally, the player features an advanced, responsive UI with color-coded timeline manifest states, interactive PTZ camera controls with snapshot functionality, and sophisticated session management built to support multi-user spectator modes.

Job Description

We are seeking a Frontend Developer to join our organization-wide video player team. This role will be responsible for developing and maintaining the user interface for our advanced web-based video player component that is becoming the key video player across multiple products and the entire organization.

Key Responsibilities

Build video player controls and user interface in React using common components from our Stencil JS-based component library (buttons, icons, sliders, etc.)

Contribute to the Stencil JS component library as needed to support video player requirements

Deliver both React components and Web Components for maximum framework compatibility

Implement video wall module using Angular for enterprise video surveillance applications

Implement responsive design patterns and accessibility standards

Assist with state management using Redux Toolkit

Optimize application performance and user experience

Implement video timeline controls and playback UI

Develop PTZ camera control interfaces

Create snapshot and session management UI components

Contribute to testing strategies and code quality initiatives

Required Technical Skills

Strong TypeScript and JavaScript fundamentals with deep understanding of modern ES6+ features

Solid React knowledge (19.2.0+) for video player development

Angular proficiency for video wall module implementation

Foundational WebRTC, HLS, and WebCodecs experience - able to review code and learn quickly

Stencil JS (or similar) familiarity for contributing to common component library (buttons, icons, sliders)

Excellent problem-solving skills and clean code principles

Experience with state management concepts using Redux Toolkit and React Redux

Modern CSS-in-JS with Emotion and styled-components

Familiarity with build tools like Vite and Nx monorepo

Testing frameworks experience: Vitest, Testing Library

Understanding of responsive design and web accessibility

Ability to learn new frameworks quickly using AI-assisted development

Understanding and experience with Conventional Commit and Semantic Release

Preferred Qualifications

Experience with video player UI/UX design and implementation

Background in creating design systems and component libraries using Stencil JS

Knowledge of web accessibility (WCAG) standards implementation

Experience with internationalization (i18next) and localization

Understanding of browser performance optimization techniques

Familiarity with enterprise video surveillance systems and video wall applications

Experience with multiple frontend frameworks (Vue, Angular, Svelte, etc.)

Strong understanding of design patterns and software architecture principles

Knowledge of Web Components standards and cross-framework compatibility

Technology Stack You'll Work With

Core Frameworks : React 19.2.0, Angular (for video wall), TypeScript 5.9.3

Component Library : Stencil JS for framework-agnostic Web Components

Styling : Emotion 11.14.0, Material-UI 7.3.4, Joy UI 5.0.0-beta.52

State Management : Redux Toolkit 2.9.0, React Redux 9.2.0

Build System : Vite 7.1.9, Nx 21.6.4, Rollup 4.52.4

Web Components : Stencil JS, @r2wc/react-to-web-component 2.1.0

Testing : Vitest 3.2.4, Testing Library, Cypress 14.5.4

Animation : React Spring 10.0.3, React Zoom Pan Pinch 3.7.0

Target Base Salary Range: $110,000 CAD - $125,000 CAD

Consistent with Motorola Solutions values and applicable law, we provide the following information to promote pay transparency and equity. Pay within this range varies and depends on job-related knowledge, skills, and experience. The actual offer will be based on the individual candidate.

Note: Candidate must go in the office 1-2 days per week.

#LI-MP2

#LI-HYBRD

Basic Requirements

2+ years of software engineer experience

AND 2+ years of TypeScript experience

AND 2+ years of Single Page Application Framework development

AND 1+ year WebRTC, HLS, or WebCodecs experience

Travel Requirements

Under 10%

Relocation Provided

None

Position Type

Experienced

Referral Payment Plan

No

We are proud of our people-first and community-focused culture, empowering every Motorolan to be their most authentic self and to do their best work to deliver on the promise of a safer world. If you’d like to join our team but feel that you don’t quite meet all of the preferred skills, we’d still love to hear why you think you’d be a great addition to our team.

We’re committed to providing an inclusive and accessible recruiting experience for candidates with disabilities, or other physical or mental health conditions. To request an accommodation, please complete this Reasonable Accommodations Form so we can assist you.

Motorola Solutions adopte, favorise et promeut les principes de diversité, d’équité et d’inclusion. Nous encourageons et accueillons les candidatures de toutes les personnes qualifiées, quelles que soient leur race, origines ethnique, religion ou croyance, orientation sexuelle, identité et expression sexuelle, statut d’anciens combattants ou tout autre statut protégé par la Loi.

Nous sommes fiers de notre culture axée sur les personnes et les communautés, encourageant ainsi chaque Motorolan d’être la version la plus authentique de lui-même dans ses responsabilités afin de tenir la promesse d’un monde plus sécuritaire.

Si vous souhaitez vous joindre à notre communauté mais croyez que vous ne possédez pas toutes les exigences requises pour le poste convoité, nous aimerions tout de même connaître les raisons pour lesquelles vous pensez être un excellent candidat pour notre équipe.

Nous offrons également des mesures d’adaptation pendant toutes les étapes du processus d’embauche afin de favoriser l’inclusion des personnes vivant avec un handicap physique et/ou mental. Pour demander un aménagement, veuillez remplir ce formulaire d'aménagement raisonnable afin que nous puissions vous aider.