Skip to main content

System Requirements

Scriptix is a web-based platform that runs in modern web browsers. This page outlines the technical requirements for using Scriptix.

Browser Requirements​

Supported Browsers​

Scriptix works best on modern browsers. For browser compatibility details and troubleshooting, see Troubleshooting > Browser Compatibility.

Recommended: Use the latest version of Chrome, Firefox, Safari, or Edge.

Note: Internet Explorer is not supported.

Required Browser Features​

Scriptix requires browsers that support:

  • Modern JavaScript (ES2020+) - Core application functionality
  • CSS Grid & Flexbox - Layout rendering
  • Web Audio API - Audio playback and visualization
  • HTML5 Video - Video playback with H.264 codec support
  • Canvas API - Waveform visualization (peaks.js)
  • Local Storage - Auto-save functionality
  • Cookies - Authentication and session management
  • MediaDevices API - For recording features (microphone, webcam, screen capture)

Browser Settings & Permissions​

Required Permissions​

For full functionality, grant the following browser permissions:

Cookies​

  • Required: Yes
  • Purpose: Authentication, session management
  • Settings: Enable first-party cookies for Scriptix domain

JavaScript​

  • Required: Yes
  • Purpose: Core application functionality
  • Settings: Enable JavaScript

Local Storage​

  • Required: Yes
  • Purpose: Auto-save, user preferences
  • Settings: Enable local storage for Scriptix domain

Pop-ups​

  • Required: For some features
  • Purpose: External authentication (Microsoft SSO), export downloads
  • Settings: Allow pop-ups for Scriptix domain

Optional Permissions​

These permissions enable additional features:

Microphone​

  • Purpose: Record audio directly in browser
  • When Requested: When using the audio recording feature
  • Settings: Grant microphone access when prompted

Camera​

  • Purpose: Record video directly in browser
  • When Requested: When using the webcam recording feature
  • Settings: Grant camera access when prompted

Screen Sharing​

  • Purpose: Record screen with audio
  • When Requested: When using the screen capture feature
  • Settings: Grant screen sharing access when prompted
  • Browser Support: Chrome, Edge, Firefox (modern versions)

Network Requirements​

Firewall & Proxy​

If your organization uses a firewall or proxy, ensure the following are allowed:

Required Domains​

  • *.scriptix.io - API endpoints and application domains
  • api.scriptix.io - Primary API endpoint

Required Protocols​

  • HTTPS (port 443) - All communication

Feature-Specific Requirements​

Transcript Editor​

FeatureRequirement
Audio PlaybackWeb Audio API support
Video PlaybackHTML5 video support, H.264 codec
Text EditingContenteditable support (Slate.js)
Auto-saveLocal Storage enabled
CommentsJavaScript enabled

Caption Editor​

FeatureRequirement
Waveform DisplayCanvas API support
Waveform Librarypeaks.js, waveform-data (loaded automatically)
Timeline NavigationPointer Events API
Audio PlaybackWeb Audio API
Precise TimingHigh-resolution time

Recommended:

  • 1920x1080 display for timeline visibility
  • 8+ GB RAM for smooth waveform rendering

File Upload​

The upload system uses Uppy with support for:

  • Drag & Drop - Drag and Drop API
  • Large Files - File API and TUS protocol for resumable uploads
  • Webcam Recording - MediaDevices API (getUserMedia) via @uppy/webcam
  • Screen Capture - getDisplayMedia API via @uppy/screen-capture (Chrome, Edge, Firefox)
  • Audio Recording - MediaRecorder API via @uppy/audio
  • Cloud Storage - Upload from Google Drive, Dropbox, OneDrive, Box, Zoom (via Uppy plugins)

For upload troubleshooting and file format details, see Troubleshooting > Upload Issues.

Mobile & Tablet Support​

Scriptix is optimized for desktop browsers. Mobile and tablet support is limited due to the complexity of the transcript and caption editors.

For detailed mobile limitations and recommendations, see Troubleshooting > Mobile Issues.

Accessibility​

Scriptix is designed with accessibility in mind and includes:

Keyboard Navigation​

  • Full keyboard navigation support
  • Customizable keyboard shortcuts
  • Focus indicators

Visual Accessibility​

  • Adjustable text size
  • Dark mode available
  • Theme system with customizable colors
  • High contrast support via theme settings

ARIA Support​

  • ARIA labels and attributes for screen readers
  • Live regions for dynamic content
  • Semantic HTML structure

Note: While the application includes accessibility features, we recommend testing with your specific assistive technology to ensure compatibility.

Security Requirements​

HTTPS Only​

Scriptix requires a secure HTTPS connection. HTTP connections are not supported.

Authentication​

  • JWT token-based authentication
  • Secure cookie handling
  • Session management via local storage

Browser Security​

  • Enable browser security features
  • Keep browser updated for security patches
  • Use strong passwords
  • Enable 2FA if available

Key Technologies​

The application is built with:

  • React with TypeScript and Vite
  • Slate.js - Rich text editing for transcripts
  • peaks.js & waveform-data - Audio waveform visualization
  • Uppy - File upload system with resumable uploads (TUS protocol)
  • React Query - Server state management
  • Axios - HTTP client
  • i18next - Internationalization (English, Dutch, French, German)
  • Tailwind CSS v4, Emotion, Material-UI - Styling
  • Sentry - Error tracking (production only)

Need Help?​

For detailed troubleshooting, browser compatibility issues, and common problems, see:

Related Documentation: