[PR #3044] [MERGED] feat: add support to audio and video API responses #4196

New issue

Closed

opened 2026-03-17 01:45:22 +03:00 by kerem · 0 comments

kerem commented

2026-03-17 01:45:22 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/hoppscotch/hoppscotch/pull/3044
Author: @liyasthomas
Created: 5/9/2023
Status: ✅ Merged
Merged: 5/24/2023
Merged by: @AndrewBastin

Base: release/2023.4.4 ← Head: feat/rich-media-types

📝 Commits (1)

2727d39 feat: add support to audio and video API responses

📊 Changes

6 files changed (+196 additions, -0 deletions)

View changed files

📝 packages/hoppscotch-common/locales/en.json (+2 -0)
➕ packages/hoppscotch-common/src/components/lenses/renderers/AudioLensRenderer.vue (+79 -0)
➕ packages/hoppscotch-common/src/components/lenses/renderers/VideoLensRenderer.vue (+79 -0)
➕ packages/hoppscotch-common/src/helpers/lenses/audioLens.ts (+16 -0)
📝 packages/hoppscotch-common/src/helpers/lenses/lenses.ts (+4 -0)
➕ packages/hoppscotch-common/src/helpers/lenses/videoLens.ts (+16 -0)

📄 Description

Closes #2951

Description

Adds support to audio and video API responses.

Introduced VideoLensRenderer, videoLens and AudioLensRenderer, audioLens components to render various popular/standard audio and video MIME types.

Audio
Video

Preview

Audio	Video

Checks

My pull request adheres to the code style of this project
My code requires changes to the documentation
I have updated the documentation as required
All the tests have passed

Additional Information

The current implementation of rich media types including the new audio and video additions only supports the most popular/common MIME types using a RegEx check. Check if it's possible to add support to the complete MIME-types list.

HP-25

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/hoppscotch/hoppscotch/pull/3044 **Author:** [@liyasthomas](https://github.com/liyasthomas) **Created:** 5/9/2023 **Status:** ✅ Merged **Merged:** 5/24/2023 **Merged by:** [@AndrewBastin](https://github.com/AndrewBastin) **Base:** `release/2023.4.4` ← **Head:** `feat/rich-media-types` --- ### 📝 Commits (1) - [`2727d39`](https://github.com/hoppscotch/hoppscotch/commit/2727d391a4ac667755a1e9755fc94b33a10af536) feat: add support to audio and video API responses ### 📊 Changes **6 files changed** (+196 additions, -0 deletions) <details> <summary>View changed files</summary> 📝 `packages/hoppscotch-common/locales/en.json` (+2 -0) ➕ `packages/hoppscotch-common/src/components/lenses/renderers/AudioLensRenderer.vue` (+79 -0) ➕ `packages/hoppscotch-common/src/components/lenses/renderers/VideoLensRenderer.vue` (+79 -0) ➕ `packages/hoppscotch-common/src/helpers/lenses/audioLens.ts` (+16 -0) 📝 `packages/hoppscotch-common/src/helpers/lenses/lenses.ts` (+4 -0) ➕ `packages/hoppscotch-common/src/helpers/lenses/videoLens.ts` (+16 -0) </details> ### 📄 Description Closes #2951 ### Description Adds support to audio and video API responses. Introduced `VideoLensRenderer`, `videoLens` and `AudioLensRenderer`, `audioLens` components to render various popular/standard [audio](https://www.iana.org/assignments/media-types/media-types.xhtml#audio) and [video](https://www.iana.org/assignments/media-types/media-types.xhtml#video) MIME types. - [x] Audio - [x] Video **Preview** | Audio | Video | |-|-| | <img width="1470" alt="Screenshot 2023-05-09 at 9 05 56 PM" src="https://github.com/hoppscotch/hoppscotch/assets/10395817/76a7efeb-aab5-44b0-9ad2-2bcc5f2e7a18"> | <img width="1470" alt="Screenshot 2023-05-09 at 9 06 05 PM" src="https://github.com/hoppscotch/hoppscotch/assets/10395817/8979dcd2-785e-47b5-9591-baa2ea36f620"> | ### Checks - [x] My pull request adheres to the code style of this project - [ ] My code requires changes to the documentation - [ ] I have updated the documentation as required - [x] All the tests have passed ### Additional Information The current implementation of rich media types including the new audio and video additions only supports the most popular/common MIME types using a RegEx check. Check if it's possible to add support to the [complete MIME-types list](https://www.iana.org/assignments/media-types/media-types.xhtml). HP-25 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>