Frontend Developer (Video Player UI)

Company Overview

At Motorola Solutions we believe that everything starts with our people. Were 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 thats 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 lentreprise

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

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 Youll 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: $110000 CAD - $125000 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

Relocation Provided

Position Type

Referral Payment Plan

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 youd like to join our team but feel that you dont quite meet all of the preferred skills wed still love to hear why you think youd be a great addition to our team.

Were 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 thisReasonable Accommodations Formso we can assist you.

Motorola Solutions adopte favorise et promeut les principes de diversité déquité et dinclusion. 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 danciens 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 dun 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 dadaptation pendant toutes les étapes du processus dembauche afin de favoriser linclusion des personnes vivant avec un handicap physique et/ou mental. Pour demander un aménagement veuillez remplir ce formulaire daménagement raisonnable afin que nous puissions vous aider.