Frontend Developer (Video Player UI)

📍 Job Overview

Job Title: Frontend Developer (Video Player UI)

Company: Motorola Solutions

Location: Vancouver, British Columbia, Canada

Job Type: Full-Time

Category: Frontend Development / Software Engineering

Date Posted: June 25, 2026

Experience Level: 2-5 Years

Remote Status: Hybrid (1-2 days in office per week)

🚀 Role Summary

• Develop and maintain the user interface for a next-generation, web-based video player, serving as a unified media standard across multiple core products.

• Build video player controls and UI components using React and a Stencil JS-based component library to ensure framework compatibility.

• Contribute to the Stencil JS component library to support evolving video player requirements and maintain a design system.

• Implement advanced UI features including responsive design patterns, accessibility standards, PTZ camera controls, and session management.

📝 Enhancement Note: This role is pivotal in establishing a standardized, high-performance video player across Motorola Solutions' product portfolio. The emphasis on Web Components and framework-agnostic development highlights a strategic initiative for code reusability and cross-platform integration. The role blends core frontend development with specialized video streaming technologies and UI/UX design for enterprise applications.

📈 Primary Responsibilities

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

• Contribute to the Stencil JS component library as needed to support specific video player requirements, ensuring a cohesive design system.

• Deliver both React components and Web Components to maximize framework compatibility across different enterprise applications.

• Implement a video wall module using Angular for enterprise video surveillance applications, requiring a strong understanding of multi-display layouts.

• Implement responsive design patterns and adhere to web accessibility standards (WCAG) to ensure usability for all users.

• Assist with state management using Redux Toolkit and React Redux for efficient data flow and application state control.

• Optimize application performance and user experience for real-time video streaming and interactive controls.

• Implement video timeline controls and playback UI, including features like color-coded timeline manifest states.

• Develop PTZ (Pan-Tilt-Zoom) camera control interfaces, enabling remote manipulation of surveillance equipment.

• Create snapshot and session management UI components to support multi-user spectator modes and recording features.

• Contribute to testing strategies and code quality initiatives, including unit, integration, and end-to-end testing.

📝 Enhancement Note: The responsibilities indicate a need for a developer proficient in multiple frontend frameworks (React and Angular) and experienced in component library development (Stencil JS). The focus on video streaming technologies (WebRTC, HLS, WebCodecs) and enterprise surveillance applications suggests a specialized domain within frontend engineering.

🎓 Skills & Qualifications

Education: While not explicitly stated, a Bachelor's degree in Computer Science, Software Engineering, or a related field is typically expected for roles with this level of technical complexity and experience requirement. Equivalent practical experience will also be considered.

Experience: Minimum of 2+ years of professional software engineering experience, with a strong emphasis on frontend development.

Required Skills:

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

• Solid React knowledge (specifically React 19.2.0+) for video player UI development.

• Angular proficiency for implementing the enterprise video surveillance video wall module.

• Foundational experience with WebRTC, HLS, and WebCodecs, with the ability to review code and learn quickly in these areas.

• Stencil JS (or similar Web Component framework) familiarity for contributing to a common component library.

• Excellent problem-solving skills and a commitment to writing clean, maintainable code.

• Experience with state management concepts using Redux Toolkit and React Redux.

• Proficiency in modern CSS-in-JS solutions such as Emotion and styled-components.

• Familiarity with build tools and monorepo management, including Vite, Nx, and Rollup.

• Experience with testing frameworks like Vitest, Testing Library, and Cypress.

• Understanding of responsive design principles and web accessibility standards.

• Ability to learn new frameworks quickly, potentially leveraging AI-assisted development tools.

• Understanding and experience with Conventional Commit and Semantic Release for streamlined release management. Preferred Skills:

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

• Understanding of browser performance optimization techniques.

• Familiarity with enterprise video surveillance systems and video wall applications.

• Experience with multiple frontend frameworks (e.g., Vue, Svelte).

• Strong understanding of design patterns and software architecture principles.

• Knowledge of Web Components standards and cross-framework compatibility.

📝 Enhancement Note: The requirement for both React and Angular, coupled with Stencil JS, indicates a need for a versatile frontend engineer capable of working across different technology stacks within a unified component strategy. The emphasis on Web Components suggests a long-term vision for modularity and interoperability.

📊 Process & Systems Portfolio Requirements

Portfolio Essentials:

• Demonstrable experience in building complex, interactive user interfaces, ideally related to media playback or real-time data visualization.

• Examples showcasing proficiency in React and Angular, highlighting your ability to work within different framework ecosystems.

• Contributions to or examples of reusable component libraries or design systems, emphasizing your understanding of Stencil JS or similar technologies.

• Projects that demonstrate strong TypeScript, JavaScript, and modern CSS skills, with a focus on clean code and maintainability.

• Evidence of implementing responsive design and accessibility features in past projects. Process Documentation:

• Showcase examples of how you approach problem-solving for UI/UX challenges, particularly in performance optimization or complex state management scenarios.

• Provide documentation or descriptions of your testing strategies for frontend applications, including the use of Vitest, Testing Library, or Cypress.

• Detail your experience with build tools and CI/CD pipelines, including the use of Vite, Nx, and tools for versioning and release management like Conventional Commits.

• Illustrate your understanding of state management patterns (e.g., Redux Toolkit) through project examples or explanations of architectural decisions.

📝 Enhancement Note: Candidates are expected to present a portfolio that not only showcases technical skills in React, Angular, and Stencil JS but also demonstrates a strategic approach to component design, accessibility, performance optimization, and robust testing methodologies. A strong understanding of Web Components and their application in enterprise environments will be highly valued.

💵 Compensation & Benefits

Salary Range: $110,000 CAD - $125,000 CAD annually.

Benefits: While specific benefits are not detailed, Motorola Solutions typically offers a comprehensive package including:

• Health, dental, and vision insurance.

• Retirement savings plans (e.g., RRSP matching).

• Paid time off (vacation, sick leave, holidays).

• Professional development opportunities and training programs.

• Employee assistance programs.

• Potential for performance-based bonuses.

Working Hours: Standard full-time hours, approximately 40 hours per week. The role is hybrid, requiring 1-2 days per week in the Vancouver office, offering a balance between remote flexibility and in-person collaboration.

📝 Enhancement Note: The provided salary range is competitive for a Frontend Developer with 2-5 years of experience in the Vancouver tech market, particularly for specialized roles involving video streaming and enterprise applications. The hybrid work model reflects a growing trend in the industry, balancing flexibility with the need for in-office collaboration.

🎯 Team & Company Context

🏢 Company Culture

Industry: Technology / Public Safety / Communications Infrastructure. Motorola Solutions is a global leader in providing mission-critical communication solutions and technology for public safety and enterprise customers. Their innovations are crucial for ensuring safety and security in communities worldwide.

Company Size: Motorola Solutions is a large, established global corporation, indicated by its extensive presence and diverse product offerings. This size suggests access to significant resources, robust infrastructure, and a wide array of career development opportunities.

Founded: Founded in 1928, Motorola Solutions has a long history of