Frontend Developer (Video Player UI)

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

EEO Statement

Motorola Solutions is an Equal Opportunity Employer. All qualified applicants will receive consideration for employment without regard to race, color, religion or belief, sex, sexual orientation, gender identity, national origin, disability, veteran status or any other legally-protected characteristic.

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.