| Page Properties | |||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| |||||||||||||||||||||
Resourceshttps://wiki.optimal-systems.de/display/devkolibri/yuuvis+Momentum+-+Flex+Viewer+Service RemarksThere is description for extending the viewer service mentioned to be existing in git (ask Jürgen) - however, the link is missing. Get that documentation and cast it into a tutorial article linked to this viewer service concept article! The link pointing to the "freely available" viewer components, also meant to be in git, is also inoperable or not accessible to anyone outside of team kolibri... → grab and integrate that info. Supported filetypes look nicer when in tables:
The API description lacks information... These sentences are somewhat confusing and should be checked with the PO:
Additionally provided parameters will be passed to the custom viewer. (I believe this should read: any further parameters provided will be passed to the custom viewer) Place links for further reading at the bottom (api-gateway, functional extension - client side, architecture, a still-to-be-written customization tutorial) A tutorial, describing how to integrate the viewer service into an Angular application ist missing. |
...
- mimeType may also be a string Array, containing multiple mime types
- file extension is not mandatory. Provide only if mimeType is not unambiguously.
AdditionalyAdditionally, non mandatory parameters are provided (corresponding to the client settings)
- darkMode: boolean = sets class darnk dark to the body (default = false).
- direction: string = sets the document direction to the body (default = „LTR“).
- accentColor: string = set the accent color as css varibale variable to the html tag (default = „“).
- local: string = sets the document locale to the html tag (default = „en-US“).
- fileExtension: string = if mimeType is not unambiguously, provides a more clear file specification.
...
Supported Types
For unsupported filetypesfilet ypes, the viewer service sents sends a notification and a download link, allowing for the content to be downloaded and viewed by an external application.
...
Used component: By default audio files are natively played by the Browser with HTML5 Audio. (that is a subject of the HTML5 Audio specification).
Default component: Used component.
Mimetype: mpeg, mp3, ogg, wav
...
Used component: Custom Angular Application with angular-x-image-viewer plugin.
Default component: By default, the supported mimeTypes are rendered in the standard HTML img tag.
Mimetypes: jpeg, gif, png, svg, bmp, png, ico
...
Used component: Custom Angular Application with ngx-json-viewer plugin.
Default component: Used component.
Mimetype: application/json
...
Used component: eml files are parsed by mailparser.
Default component: Used component.
Mimetypes : message/rfc822 (eml)
...
Used component: Custom React Application with markdown-to-jsx plugin. / Custom Angular Application with showdown plugin.,
Default component: Used component.
Mimetypes: x-web-markdown, markdown
...
Used component: Files are parsed and rendered with https://webodf.org/
Default component: Used component.
File extension: odt, ods, odp
Mimetypes: application/zip (as resolved by yuuvis core service)
...
Used component: By default plain text is natively rendered by the Browser.
Default component: Used component.
Mimetypes: plain
XML(text/xml)
Used component: By default xml is natively rendered as text by the Browser.
Default component: Used component.
Mimetypes: xml
Used component: PDF.js which is a Mozilla project.
Default component: Used component.
Mimetypes: application/pdf
...
Used component: By default video files are natively played by the Browser with HTML5 Video (that is a subject of the HTML5 Video specification).
Default component: Used component.
Mimetypes: mpeg, mp4, ogg, webm
...
You where provided with an overview of the filetypes file types supported by the viewer service and its concept of extensionability.
...
| icon | false |
|---|
Read on
...
| Column | ||
|---|---|---|
| ||
Another TutorialBrief summary of the article linked. |
| Column | ||
|---|---|---|
| ||
Another Concept ArticleBrief summary of the article linked. |
...
| width | 25% |
|---|
Another interesting Tutorial
...
.