Skapa ett bildspel som bygger exakt på texten i läroboken

Prompt i Gemini

Se till att Canvas är valt + "Thinking"

Manuset skrivs som:

Slide 1
Speaker note:
TEXT TEXT TEXT osv.

Slide 2
Speaker note:
TEXT TEXT TEXT osv.

HTML-baserat bildspel

För att få exakt resultat krävs en prompt som är mycket specifik kring strukturen, att den förbjuder förkortningar av text och att den ställer krav på att bilderna (som tekniskt sett är platshållare i denna miljö) faktiskt skapas som HTML-element.

Här är ett förslag på en prompt där förhoppningsvis alla bilder och allt text i manuset finns med utan undantag.

{ANTAL}antalslidessomskavisas{/ANTAL}

{MANUS}LänkTillManusfil{/MANUS}

Du är en expert på att skapa bildspel via HTML/CSS. Skapa ett bildspel baserat på bifogat manus: {MANUS}. Följ dessa regler strikt:

Fullständighet: Skapa exakt {ANTAL} slides. Utelämna ingenting.

Speaker Notes: Kopiera texten från manuset ORDAGRANT till 'speaker notes'-sektionen på varje slide. Förkorta eller sammanfatta aldrig texten.

Visuellt: Varje slide ska ha en rubrik (max 5 ord) och minst en bild (använd "img src="-taggar med relevanta beskrivningar).

Kodstruktur: Allt ska vara i en enda HTML-fil. Använd en tydlig container för varje slide så att de visas efter varandra som en överblick.

Observera: det bildspel som Gemini skapar är egentligen en hemsida baserad på HTML och CSS. Klicka på "Kod" knappen så kan du kopiera hela koden till vilken hemsideplats som helst, och göra vilka ändringar du vill.

Bildspelsexempel, början på amerikanska revolutionen: https://gemini.google.com/share/941801f2330a

Power Point baserat bildspel

Om du vill ha ett bildspel som kan exporteras direkt från Gemini till Google Slides måste det skapas i Power Point format istället för HTML och prompten ser då annorlunda ut:

{ANTAL}antalslidessomskavisas{/ANTAL}

Skapa en nedladdningsbar PPTX-fil baserat på mitt manus.

Använd biblioteket pptxgenjs (via ett HTML-gränssnitt) för att skapa presentationen.

Skapa exakt {ANTAL} slides.

Varje slide ska ha en rubrik, en bild och Speaker Notes kopierade ordagrant från manuset.

Viktigt: Koden måste innehålla en funktion som först hämtar bilderna via fetch() och konverterar dem till Base64-strängar innan de läggs till i presentationen. Använd slide.addImage({ data: base64String, ... }) istället för path.

Lägg till en tydlig knapp som heter 'Ladda ner för Google Slides'.

Se till att layouten är professionell med bra marginaler."

Visa en laddningsindikator (t.ex. 'Hämtar bilder...') medan konverteringen sker så att exporten inte misslyckas.

(Klistra in manuset för speaker notes under)

Prompt i NotebookLM

NotebookLM är litet annorlunda eftersom du lägger in prompten inuti knappen för bildspelet genom att klicka på penn-symbolen. Promptens {MANUS} måste peka på källan, och inte på en URL-länk.

{ANTAL}12{/ANTAL}

{MANUS}BildspelAmerikanskaRevolutionen_SpeakerNotes{/MANUS}

Du är en expert på att skapa bildspel via HTML/CSS. Skapa ett bildspel baserat på bifogat manus: {MANUS}. Följ dessa regler strikt:

Fullständighet: Skapa exakt {ANTAL} slides. Utelämna ingenting.

Speaker Notes: Kopiera texten från manuset ORDAGRANT till 'speaker notes'-sektionen på varje slide. Förkorta eller sammanfatta aldrig texten.

Visuellt: Varje slide ska ha en rubrik (max 5 ord) och minst en bild (använd "img src="-taggar med relevanta beskrivningar).

Kodstruktur: Allt ska vara i en enda HTML-fil. Använd en tydlig container för varje slide så att de visas efter varandra som en överblick.

Det visar sig att de bildspel NotebookLM skapar saknar speaker notes helt. Men bildspelet följer den text som skulle ha funnits i speaker notes och det bildspel som skapas blir bra mycket snyggare än det i Gemini.

Bildspelsexempel, början på amerikanska revolutionen: https://notebooklm.google.com/notebook/81578558-b929-48d9-a535-16c2d2793192?artifactId=bbc9fb9e-f62c-44a2-859c-57a99b2eca29