Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Displaying image and playing audio / video files on the record display page #885

Closed
kanasznagyzoltan opened this issue Oct 7, 2020 · 0 comments · Fixed by #888
Closed

Displaying image and playing audio / video files on the record display page #885

kanasznagyzoltan opened this issue Oct 7, 2020 · 0 comments · Fixed by #888
Labels
component: viewer Related to media viewers / inline streaming of content new feature
Projects
DSpace 7 Beta 5
Milestone
7.0beta5

Comments

@kanasznagyzoltan
Copy link

Is your feature request related to a problem? Please describe.
At the moment the standard DSpace 7 record page can only display links for the uploaded files and can only display the thumbnail of the item (record).

Describe the solution you'd like
It would be a big addition if the item display page could display images for example in full screen, or could play audio or video files without downloading them and playing them on your desktop machine.

Additional context
Certainly this extension would not be made from zero code because there a lot of good image and video player plugins for Angular, so the implementation is related to using a specific plugin, integrating them into the DSpace 7 Angular frontend in the combination of DSpace 7 Thumbnail handling.

Sample Design Screens

image
image
@kanasznagyzoltan kanasznagyzoltan added needs triage New issue needs triage and/or scheduling new feature labels Oct 7, 2020
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 8, 2020
@dsipos-dev
DSpace#885 add media viewer
a157552
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 8, 2020
@dsipos-dev
DSpace#885 fix gallery
a740453
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 8, 2020
@dsipos-dev
DSpace#885 fix for linter
55cca05
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 8, 2020
@dsipos-dev
DSpace#885 fix enviroment
cfe6eb6
@dsipos-dev dsipos-dev mentioned this issue Oct 8, 2020
Merged
6 tasks
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 9, 2020
@dsipos-dev
DSpace#885 fix lint
c044f45
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
DSpace#885 add more unit test
6642cbb
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
DSpace#885 add default thumbnail
9b63767
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
ea69009 
# Conflicts:
#	src/app/+item-page/item-page.module.ts
#	src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.html
#	src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.spec.ts
#	src/app/+item-page/media-viewer/media-viewer-image/media-viewer-image.component.ts
#	src/app/+item-page/media-viewer/media-viewer-video/media-viewer-video.component.html
#	src/app/+item-page/media-viewer/media-viewer-video/media-viewer-video.component.spec.ts
#	src/app/+item-page/media-viewer/media-viewer-video/media-viewer-video.component.ts
#	src/app/+item-page/media-viewer/media-viewer.component.html
#	src/app/+item-page/media-viewer/media-viewer.component.spec.ts
#	src/app/+item-page/media-viewer/media-viewer.component.ts
#	src/app/app.component.scss
#	src/app/core/core.module.ts
#	src/environments/environment.common.ts
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
22de03e 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
a62769a
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
DSpace#885 fix default tumbnail
401bbf3
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 13, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
144606d
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Oct 14, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into QREPO-73
c79d52d
@tdonohue tdonohue removed the needs triage New issue needs triage and/or scheduling label Oct 19, 2020
@tdonohue tdonohue added this to To Do in DSpace 7 Beta 5 via automation Oct 19, 2020
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
DSpace#885 fix loading bitstream format
4312776
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
5b82344
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into QREPO-73
ba05a99
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
DSpace#885 fix thumbnail size
66f0b5f
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into QREPO-73
d08db7c
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
1aef944
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
DSpace#885 fix other thumbnail
263c12e
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into DIGITLAB-4_Custom_Theme
c3a42c6
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into QREPO-73
11b4a7d
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 3, 2020
@dsipos-dev
DSpace#885 quick fix
ae079f0
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 20, 2020
@dsipos-dev
DSpace#885 disable media viewer
dc85bd9
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 23, 2020
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
b5ffe71 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Nov 23, 2020
@dsipos-dev
DSpace#885 fix build
b14ae84
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Dec 3, 2020
@dsipos-dev
Merge branch 'main' into DSpace#885-media-viewer
84bb449
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Dec 3, 2020
@dsipos-dev
DSpace#885 remove elements form test
152923a
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Jan 4, 2021
@dsipos-dev
Merge branch 'main' into DSpace#885-media-viewer
09dc949 
# Conflicts:
#	src/app/+item-page/item-page.module.ts
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Jan 4, 2021
@dsipos-dev
Merge branch 'main' into DSpace#885-media-viewer
742a895
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Jan 4, 2021
@dsipos-dev
DSpace#885 fix merge
9d61a24
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 4, 2021
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
9e0ef1d 
…ewer

# Conflicts:
#	package.json
#	src/app/+item-page/item-page.module.ts
#	src/app/+item-page/simple/item-types/shared/item.component.ts
#	yarn.lock
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 4, 2021
@dsipos-dev
DSpace#885 fix media
22afa57
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 5, 2021
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
7d02e76 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 8, 2021
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
398e9fc 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 8, 2021
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into QREPO-73
8e7befb 
# Conflicts:
#	src/assets/i18n/hu.json5
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 8, 2021
@dsipos-dev
DSpace#885 fix merge error
1f566f7
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
488075b 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
DSpace#885 add size to config
80e5199
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
DSpace#885 move size to css
d6ccf72
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
DSpace#885 add comment
4621c0b
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
DSpace#885 ad doctype
3b2037a
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Feb 16, 2021
@dsipos-dev
DSpace#885 fix
ce7e76b
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 26, 2021
@dsipos-dev
Merge branch 'main' into DSpace#885-media-viewer
97e1b1d 
# Conflicts:
#	src/app/+item-page/item-page.module.ts
#	src/app/+item-page/simple/item-types/shared/item.component.ts
#	src/app/app.component.scss
#	src/environments/mock-environment.ts
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 26, 2021
@dsipos-dev
DSpace#885 fix merge conflict
064c43a
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 30, 2021
@dsipos-dev
Merge remote-tracking branch 'upstream/main' into DSpace#885-media-vi…
861192e 
…ewer
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 30, 2021
@dsipos-dev
DSpace#885 revert and fix width
3577335
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 31, 2021
@dsipos-dev
DSpace#885 fix media image viewer
ff8ff7f
dsipos-dev added a commit to qultoltd/dspace-angular that referenced this issue Mar 31, 2021
@dsipos-dev
Merge branch 'DSpace#885-media-viewer' into SIEK-25
05e39c6 
# Conflicts:
#	src/app/+item-page/edit-item-page/edit-item-page.routing.module.ts
#	src/app/+item-page/item-page-routing.module.ts
#	src/app/shared/shared.module.ts
#	src/assets/i18n/hu.json5
@tdonohue tdonohue added this to the 7.0beta5 milestone Mar 31, 2021
tdonohue added a commit that referenced this issue Mar 31, 2021
@tdonohue
Merge pull request #888 from qultoltd/#885-media-viewer
4475d59 
#885 media viewer
@tdonohue tdonohue added the component: viewer Related to media viewers / inline streaming of content label Apr 2, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
component: viewer Related to media viewers / inline streaming of content new feature
Projects
No open projects
DSpace 7 Beta 5
  
To Do
Milestone
7.0beta5
Development

Successfully merging a pull request may close this issue.

#885 media viewer qultoltd/dspace-angular
2 participants
@tdonohue @kanasznagyzoltan