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.

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: $125,000 USD - $135,000 USD

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.

#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

• Legal authorization to work in the U.S. indefinitely is required. Employer work permit sponsorship is not available for this position.

Travel Requirements

Under 10%

Relocation Provided

None

Position Type

Experienced

Referral Payment Plan

No

Our U.S. Benefits include:

• Incentive Bonus Plans

• Medical, Dental, Vision benefits

• 401K with Company Match

• 10 Paid Holidays

• Generous Paid Time Off Packages

• Employee Stock Purchase Plan

• Paid Parental & Family Leave

• and more!

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.