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

• 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.