Multimedia plaatsen

Een overzicht van vele multimediale verhaalvormen die de beleving van een verhaal kunnen verrijken.

Video van jezelf
Je kunt je video uploaden naar YouTube of Vimeo. Voor beide publicatiekanalen heb je een account nodig.
Bij YouTube kun je onbeperkt video uploaden mits je account geverifieerd is.
Bij Vimeo mag je per week maar 500 Mb uploaden.
Video van UPLIFT
Is alleen te plaatsen als link naar bijvoorbeeld Satish Kumar – Walking for peace.
Spoiler title
Hidden content
 Steeds vaker worden verhalen verteld in de vorm van een film of video.

Staan ze op een videosite zoals Youtube of Vimeo, dan mag je ze in jouw site plaatsen (embedden). De eigenaar heeft dat aangegeven in zijn/haar deelinstellingen.
In Facebook staat zelfs een ‘Delen’ link onder de video. Of niet, dan is delen niet toegestaan.

Hier vind je mogelijkheden om video’s te downloaden. Nooit zelf publiceren zonder toestemming van de maker/rechthebbende.

Het is ook mogelijk om zelf een animatie te maken. Om een verhaal te vertellen met de combinatie van tekst, beeld en geluid.  Hier worden verschillende opties behandeld.



Goed idee, geef de bezoekers van je site wat te beleven.
Multimedia: een verhaallijn, gepresenteerd als smakelijke en gevarieerde combinatie van beeld, geluid en tekst.

Auteurs- en publicatierechten!

! Regel altijd de rechten voor andermans werk in jouw publicatie! Voor tekst, beeld, geluid, maakt niet uit. Wek nooit de indruk dat jij iets onder jouw naam publiceert dat feitelijk van iemand anders is.

Zie Auteurs- en publicatierechten.

Speciaal voor alle afstudeerproducties!
Gebruik voor jouw presentatie tijdens het examen de moderne journalistieke middelen die je graag wilt gebruiken.
Maar de HU moet jouw werk 7 jaar kunnen bewaren, ook de video’s en andere mediabestanden. Dat kan de HU niet met bestanden die op Facebook, Juxtapose, Youtube, Vimeo, SoundCloud, KnightlabTimeline, Twitter of zo staan.
Daarom moet je de online producties ook ‘bewaarbaar’ inleveren! Ook als ze niet door jou gemaakt zijn en je ze wel voor je afstuderen gebruikt.

Hoe doe je dat:

  • video-items: comprimeren en doorsturen naar redactie.svj@hu.nl. En aangeven waar ze moeten staan.
    Zie Comprimeren voor je afstudeersite.
  • audio-items: opslaan als mp3 bestand en op je afstudeersite plaatsen.
    Of, als te groot, doorsturen naar redactie.svj@hu.nl. En aangeven waar ze moeten staan.
  • interactief beeldmateriaal: maak van je productie schermafbeeldingen, schermfilmpjes of pdf’s. En plaats deze op je afstudeersite.
    Of, als te groot, doorsturen naar redactie.svj@hu.nl. En aangeven waar ze moeten staan.

De bewaarbare versies kun je bijvoorbeeld op een extra pagina (laten) zetten. Of met linkjes in de tekst beschikbaar maken.

 

Hieronder tekst en uitleg over verschillende mogelijkheden:

Audio

De radio-afdeling heeft een gedetailleerde handleiding beschikbaar die ook hier is te downloaden: Radio-item publiceren op WordPress [pdf].

Maak in ieder geval het audiobestand op maat, bijvoorbeeld met Audacity. Sla het op als mp3-bestand.

Maak een bericht aan  en plaats de titel, een presentatietekst, het onderwerp, de makers en/of andere gewenste gegevens. Zodat de bezoeker weet waarnaar die gaat luisteren.

#deeefe Optie 1 (nieuw!): het audiofragment uploaden via ‘Media toevoegen’

  • zet eerst de cursor op de plek waar je het de audioplayer wilt hebben
  • bestand uploaden en in artikel plaatsen.

Resultaat (winterkoninkje):

 

#deeefe Optie 2: het fragment uploaden via ‘Media toevoegen’ en dan

  • kiezen voor de optie ‘Link toevoegen‘!
    [kiezen voor de optie ‘Mediaspeler invoegen’ werkt dus niet]
  • wat je bij Titel invult is te zien in je bericht.
  • kies voor Bestands-URL
  • en voor Invoegen in bericht.

 

#deeefe Optie 3 (nieuw): Extern audiobestand

  • Je beschikt over een linkje naar een afluisterbaar mp3-bestand, ergens op een webserver of een streaming server.
  • kopieer de koppeling naar het bestand.mp3
  • plak de url op de gewenste plek in je artikel

Resultaat: Furry Lewis brengt Alabama Bound (1928)

Bron: Internet Archive

 

#deeefe Optie 4: je beschikt over een linkje naar een afluisterbaar mp3-bestand, ergens op een webserver of een streaming server.

Plaats dan (bijvoorbeeld) de titel van het geluidsfragment in het bericht. En maak vervolgens van die titel een linkje naar het bestand. Bijvoorbeeld naar een testbestand van OurMediatestbestand

In de website waarop je publiceert staat de geactiveerde plugin ‘Audio Player’. Als het goed is. Deze plugin verandert het linkje in een embedded playertje.

Plaats een fotoserie

Plaats alle foto’s voor eenzelfde reportage in één bericht of pagina.

  1. Maak vooraf je foto’s op gewenste grootte; onderstaande foto’s zijn 600 pixels hoog-breed
  2. plaats de foto’s in je bericht of pagina via [Media toevoegen] · voeg onderschrift toe als je dat wilt
    · uitlijning: Geen
    · link naar: Mediabestand
    · afmeting: Thumbnail
  3. Onder Weergave -> Lightbox zijn eventueel instellingen aan te passen (voor afstuderenden)

Bijvoorbeeld:

BrunoWalpoth01 BrunoWalpoth02 BrunoWalpoth03 BrunoWalpoth04

Statues by Bruno Walpoth.

Plaats PDF-bestanden

Je kan een pdf net zo plaatsen als een afbeelding, via ‘Media toevegen’.
Is de pdf te groot, dan is die met Adobe Acrobat als kleiner bestand te exporteren.

Afstuderen:
Is de pdf dan nog te groot, stuur ‘m dan naar op naar Joost Kahmann, eventueel via Wetransfer. Dan zorgt hij dat de pdf op de aangegeven plaats komt te staan.

Plaats de tekst die een link naar de pdf moet worden.
Ga naar ‘Media’ en selecteer het pdf-document. Je krijgt bijbehorende URL te zien.
Kopieeer deze URL en plak die als link in de geplaatste tekst.

issuuHeb je folder of tijdschrift waar men doorheen kan bladeren, dan is deze in een website te presenteren via ISSUU.com. [HowTo]

Afstuderen: maakt de pdf op issuu.com deel uit van jouw afstudeerproducties, plaats dan ook het pdf-document op je afstudeersite.

Plaats Powerpoint presentaties

embedPlaats je presentatie op www.slideshare.net.

Boven de presentatie kan je op <Embed> klikken. Er opent een venster waarin de embed-code staat. Kopieer deze in z’n geheel.

Plak in WordPress, via het tabblad ‘Tekst’,  die embed-code in de te bewerken pagina.

Dezelfde ppt is in meerdere websites te publiceren door dezelfde code in verschillende pagina’s te plakken.

Plaats een Google Map

Ga naar Google Maps. Geef de plaats aan die je op een kaart wilt laten zien.

icn_link Klik op het link-ikoontje en daarna op “Deze kaart aanpassen en als voorbeeld weergeven”.

Je kunt de grootte van de kaart naar wens aanpassen. En de mate waarin wordt ingezoomd.

  • Kopieer de HTML, te beginnen bij <iframe …..icn_Tekst
  • selecteer het tabblad Tekst boven je bericht en
  • plak de gekopieerde code op de gewenste plek in het tekstvenster
  • ga terug naar het tabblad Wysiwyg om, zo je wilt, het gele vlak gecentreerd of rechts uit te lijnen.

Grotere kaart weergeven

Plaats een iframe

Soms is materiaal van internet in WordPress te plaatsen door een iframe toe te voegen. Je krijgt dan een broncode aangeboden zoals:
<iframe src=”https://w.soundcloud.co……………………………” ></iframe>

Standaard wordt deze iframe-code verwijderd uit WordPress. Op de afstudeersites staat daarom standaard de plugin ‘iframe’ geactiveerd. Dat maakt dat de code kan blijven staan. Mits die code wordt aangepast tot:
iframe src=”https://w.soundcloud.co……………………………”

Werkt een iframe op jouw site niet vraag dan hulp bij de beheerders van WordPress.

Plaats grafieken van Infogr.am

Plaats grafieken in je website. Vraag de beheerder van de website om de plugin infogr.am te activeren zodat je de grafiek in WordPress kunt plaatsen.
Zie: tutorials.infogr.am.

Plaats Juxtapose afbeeldingen

Juxtapose levert twee afbeeldingen die over elkaar heen liggen. Via een schijfje is of de een of de andere naar voren te halen. Zo kunnen verschillen tussen twee afbeeldingen makkelijk worden bekeken.
Nodig: een account bij Dropbox waarin de afbeeldingen staan.

    1. maak de afbeeldingen op de maten van het tekstblok van je website
    2. plaats de afbeeldingen in een Dropbox map
    3. maak gewenste instellingen in juxtapose.knightlab.com
    4. via Preview is het resultaat te zien
    5. via Publish krijg je een embed-code. Kopieer die hele code en plak deze in je WordPress tekst.
    6. Pas de code aan: haal </iframe> weg en vervang de twee haakjes < en > door [ en ]

Resultaat van een test met afbeeldingen van 640 x 400 pixel. Het laden duurt korter dan met de originele grote betanden.

[iframe frameborder=”0″ class=”juxtapose” width=”100%” height=”400″ src=”https://cdn.knightlab.com/libs/juxtapose/latest/embed/index.html?uid=b05266dc-e630-11e7-b263-0edaf8f81e27″]

Pas je later de grootte van de afbeeldingen aan, dan moet je ze in Juxtapose opnieuw uit Dropbox halen. Pas je de Juxtapose-instellingen aan, klik dan opnieuw op Publish en gebruik de nieuwe embed code.

Of bekijk hier de Juxtapose beelden. Via dit linkje worden de afbeeldingen beeldvulend weergegeven. De gebruikte afbeeldingen van 640 x 400 worden er niet mooier op.

Plaats een poll

Vraag de WordPress beheerder eerst om de plugin ‘WP-Polls’ te activeren voor jouw site.

In het nieuwe menu-item Polls maak je een poll aan. Je kunt er meerdere per website maken. Voeg de gewenste vragen toe in gewenste volgorde.

Iedere poll heeft een nummer.
Om een poll op je pagina te plaatsen, zet je [poll id=”3″] neer als 3 het nummer van de poll is.
Om de resultaten van deze poll te plaatsen, zet je [poll id=”3″ type=”result”] neer.

Plaats een Soundcite

Een Soundcite laat geluid horen dat interactief, via een linkje in de tekst, wordt gestart. Dat kan een citaat zijn of muziek of een sfeerimpressie.
Zo kan je hier luisteren naar een winterkoninkje. En tegelijkertijd rustig verder lezen.

Voordat je begint, er moeten in het theme van de website waarop je werkt linkjes worden geplaatst door een beheerder van WordPress. Dat is nu gedaan voor de websites gebaseerd bij de themes Ari en Afstuderen15 (is afstudeersites). Aanvragen via redactie.svj@hu.nl.

Aan de slag:

  1. Zet een mp3-bestand op in de mediabibliotheek en kopieer de url
  2. Ga naar https://knightlab.northwestern.edu/projects/ en kies voor Soundcite
    ! dit werkt niet met Safari, wel met Firefox !
  3. geeft de audio-url op, maak eventueel instellingen zoals het aanpassen van de link-text en Create clip
  4. bij iedere clip wordt een embed code gegeven; kopieer die
  5. ga naar de tekst op je site en selecteer tabblad ‘Tekst’, naast het tabblad ‘Visueel’
  6. plak de embed code op de gewenste plek
  7. pagina bijwerken

Je kunt meerdere audiobestanden in een artikel plaatsen.

Plaats een Timeline

2017: plak de embedcode als volgt in je pagina:
iframe src=”https://cdn.knightlab.com/libs/timeli…….” height=”650px”

Een tijdlijn komt het best uit op een aparte pagina. In het blokje ‘Selecteer Layout’ kies je dan voor ‘Geen Sidebar Volledige Breedte’.


​Omdat afstudeerders de tijdlijn ook moet inleveren is het handig om een schermfilmpje te maken terwijl je de tijdlijn afspeelt. Of een serie foto’s maken.


tot 2016: Heb je een timeline van KnightLab gemaakt, vraag dan aan de beheerder of de plugin ‘Knight Lab TimelineJS’ kan activeren voor jouw site.
Voor het plaatsen zie https://nl.wordpress.org/plugins/knight-lab-timelinejs/

Plaats videobestanden

Uitgangspunt is dat álle videomateriaal, dat in opdracht van school online wordt geplaatst, in beginsel niet voor iedereen te zien is. [semi-openbaar] Je zet de video-opdrachten via YouTube online zonder dat ze voor Jan en Alleman te zien zijn.

Eigen videomateriaal

Videobestanden worden meestal niet direct in WordPress worden geplaatst.

De procedure voor propedeuse- en tweedejaarsgroepen:

  1. Maak een account aan op Youtube.com.
    De aanmaak van dit account loopt via Google.
    Gebruik voor dit account je mailadres van de HU.Daarnaast kan je natuurlijk met een ander mailadres een ander account aanmaken. Maar dat terzijde.
    Ben je ingelogd, dan zie je rechtsboven jouw inlognaam met daarbij een verwijzing naar je video’s, favorieten en zo meer.
  2. Het uploaden van je video’s wijst voor zich.
  3. Belangrijk!: haal je video’s op YouTube uit de openbaarheid:
    Bij ‘video information and privacy settings‘ selecteer je
    —> Privacy: ¤ Unlisted
    Het presenteren van jouw video verloopt dan alléén via linkjes in jouw berichten die in de WordPress-sites komen te staan.
  4. Wie inlogt in WordPress vindt nu twee websites:
    • voor de publicaties: Propeduizelig of De Utrechter en
    • voor de kopijstroom: Werkplaats of Redactiebak.
    Al je video’s plaats je eerst in de Werkplaats!
  5. Video in WordPress plaatsen:
    • speel je de video af in YouTube en
    maak een kopie van de URL: “http://www.youtube.com/. . . . . ”
    • maak, zoals gebruikelijk, een bericht aan in WordPress
    • geef aan wie samen de video hebben gemaakt
    • plaats de introductietekst
    • plaats de cursor daaronder en plak de URL
    de clip komt op die plek in het bericht te staan
  6. Plaats, als dat de bedoeling is, een still in het bericht.
    Een still is een afbeelding uit een film- of videofragment. De afbeelding bij een presentatie van videomateriaal hoort net zo informatief en aantrekkelijk te zijn als de titel.

Eigen videomateriaal voor je afstudeersite

Afstudeerproducties plaats je niet op YouTube, Vimeo of andere openbare sites. Je moet ze inleveren zodat de HU ze kan opslaan en als examenwerk kan bewaren.
Zie: video comprimeren voor je afstudeersite.

Je kunt het comprimeren ook laten zitten en de originele video’s inleveren. Het comprimeren wordt dan voor je gedaan.

Film van andere websites embedden

Embedden, oftewel inbedden, is het plaatsen van digitaal materiaal (filmpje, animatie), dat op een andere website staat, in je eigen website. Het wekt de indruk dat het eigen materiaal is. Bronvermelding is meer dan gewenst.

Meestal werkt de hierboven beschreven methode: de url in het artikel plakken.

Er zijn veel websites waar je video van kunt gebruiken. Lukt het embedden niet, vraag dan even hulp.

:::::