jinabox

jinabox.js

jinabox.js is a lightweight, customizable omnibox. You can use it for searching text, images, videos, audios or all kinds of data with a Jina backend.

Demo page

Quick Start

In HTML, include the minified script:

<script src="https://unpkg.com/jinabox.js"></script>
<script>
    jb = window.JinaBox
    jb.init('http://0.0.0.0:65481/api/search');  // `http://0.0.0.0:65481/api/search` is the endpoint of the REST gateway of a Jina backend.

</script>

Then, create a container where the jinabox is to appear:

<jinabox/>

Using with a module bundler

npm install --save jinabox.js
# or
yarn add jinabox.js

Features

• an easy-to-use web component for Jina search backend;
• allow user to drag-and-drop multiple files as queries to search;
• visualize the search results in a dropdown list or a separate container;
• highly customizable.

Supported MIME types

MIME type	Input (Query)	Output (Result)	Description
text	typing	list only	Text-only data including any human-readable content, source code, or textual data such as comma-separated value (CSV) formatted data. Examples include text/plain, text/csv, and text/html.
image	drag-and-drop	<img> containers in list/grid view	Image or graphical data including both bitmap and vector still images as well as animated versions of still image formats such as animated GIF or APNG. Common examples are image/jpeg, image/png, and image/svg+xml.
video	drag-and-drop	<video> containers in list/grid view	Video data or files, such as MP4 movies (video/mp4).
audio	drag-and-drop	<audio> containers in list view	Audio or music data. Examples include audio/mpeg, audio/vorbis.

Browser support

jinabox.js runs on modern browsers supporting Web Audio, including Firefox, Chrome, Safari (desktop and mobile) and Opera.

License

Copyright (c) 2020 Jina AI Limited. All rights reserved.

Jina is licensed under the Apache License, Version 2.0. See LICENSE for the full license text.