View and copy the extracted transcript JSON
Back to FilesGenerate narration from your transcript
[
{
"slide": 1,
"fragments": [
{
"fragment_index": -1,
"text_description": "Reading Photographs\nUnlock hidden stories in every snapshot.",
"image_description": ""
}
]
},
{
"slide": 2,
"fragments": [
{
"fragment_index": -1,
"text_description": "Why Images Matter",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Photographs as Visual Texts\nA visual text is any image—such as a photograph—designed to communicate meaning without words. Its composition, angle and context guide how audiences interpret events and issues.\nKey Characteristics:\nImmediate emotional impact through colour, light and expression.\nCultural codes and symbols influence meaning for different audiences.\nFraming and omission steer perspective and bias.\nExample:\nThe 1972 “Napalm Girl” photo reshaped global opinion on the Vietnam War.",
"image_description": ""
}
]
},
{
"slide": 3,
"fragments": [
{
"fragment_index": -1,
"text_description": "Stage 1: Observe",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Goal: Identify and objectively describe every visible element before analysing.",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "1\nName the Photograph\nRecord the photographer’s name and the work’s exact title.",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "2\nDescribe What You See\nList people, objects, colours, setting and actions using neutral, measurable language.",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "3\nNote First Hints of the Issue\nMark any element that may connect to the chosen global issue—still purely descriptive.",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "Pro Tip:\nLook first, analyse later—stay factual throughout Stage 1.",
"image_description": ""
}
]
},
{
"slide": 4,
"fragments": [
{
"fragment_index": -1,
"text_description": "Stage 2: Think\nAssess how light, colour and framing guide the viewer’s eye and shape interpretation.\nPro Tip:\nUse precise technical terms to show how each visual choice creates meaning.",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "1\nForeground / Background\nItems in the foreground demand focus; background context sets mood and supports meaning.",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "2\nComposition\nBalance, symmetry or rule-of-thirds steer the eye and signal subject importance.",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "3\nCamera Angle\nHigh, low or eye-level angles suggest power, vulnerability or neutrality.",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "4\nDepth of Field\nShallow focus isolates subjects; deep focus preserves detail, cueing attention and hierarchy.",
"image_description": ""
}
]
},
{
"slide": 5,
"fragments": [
{
"fragment_index": -1,
"text_description": "Stage 3: Contextualize",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Move beyond the frame—anchor the shot in its environment, the photographer’s history, and the era’s photographic trends.",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "View Image",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Note Environment",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "Research Photographer",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "Check Era’s Trends",
"image_description": ""
},
{
"fragment_index": 6,
"text_description": "Context Complete",
"image_description": ""
}
]
},
{
"slide": 6,
"fragments": [
{
"fragment_index": 1,
"text_description": "Stage 4: Wonder",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Wonder",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Pause; feel first. Spot imagery sparking emotion. Unpack symbolism in each detail. Link both to storytelling to craft your interpretation.",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "Ask: How does the photograph make me feel, and why?",
"image_description": ""
}
]
},
{
"slide": 7,
"fragments": [
{
"fragment_index": -1,
"text_description": "Sort the Questions\nDrag each question to its stage to practise applying the four-stage framework.\nDraggable Items\nDrop Zones\nObserve\nThink\nContextualize\nWonder\nTip:\nAim to classify each card correctly—this checks your ability to apply the four-stage analytical framework.\nCheck Answers\nResults\n// Drag and drop functionality\n const draggableItems = document.querySelectorAll('.draggable-item');\n const dropZones = document.querySelectorAll('.drop-zone');\n const checkAnswersBtn = document.getElementById('slide-07-4e92ab-check');\n const feedbackArea = document.getElementById('feedbackArea');\n const feedbackContent = document.getElementById('feedbackContent');\n\n // Drag and drop event listeners\n draggableItems.forEach(item => {\n item.addEventListener('dragstart', handleDragStart);\n item.addEventListener('dragend', handleDragEnd);\n });\n\n dropZones.forEach(zone => {\n zone.addEventListener('dragover', handleDragOver);\n zone.addEventListener('drop', handleDrop);\n zone.addEventListener('dragenter', handleDragEnter);\n zone.addEventListener('dragleave', handleDragLeave);\n });\n\n function handleDragStart(e) {\n e.target.classList.add('opacity-50');\n e.dataTransfer.setData('text/plain', e.target.dataset.id);\n }\n\n function handleDragEnd(e) {\n e.target.classList.remove('opacity-50');\n }\n\n function handleDragOver(e) {\n e.preventDefault();\n }\n\n function handleDragEnter(e) {\n e.preventDefault();\n e.target.closest('.drop-zone').classList.add('border-green-500', 'bg-green-50');\n }\n\n function handleDragLeave(e) {\n e.target.closest('.drop-zone').classList.remove('border-green-500', 'bg-green-50');\n }\n\n function handleDrop(e) {\n e.preventDefault();\n const dropZone = e.target.closest('.drop-zone');\n dropZone.classList.remove('border-green-500', 'bg-green-50');\n\n const itemId = e.dataTransfer.getData('text/plain');\n const draggedItem = document.querySelector(`[data-id=\"${itemId}\"]`);\n\n if (draggedItem && dropZone) {\n dropZone.appendChild(draggedItem);\n dropZone.querySelector('.text-center').style.display = 'none';\n }\n }\n\n // Check answers functionality\n checkAnswersBtn.addEventListener('click', () => {\n feedbackArea.classList.remove('hidden');\n feedbackContent.innerHTML = '<p class=\"text-green-600\">Answers checked! Review your results above.</p>';\n });",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "What colours dominate the frame?",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Which objects sit in the foreground?",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "What mood do the colours create?",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "How does composition guide the viewer’s eye?",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "What cultural references appear in the image?",
"image_description": ""
},
{
"fragment_index": 6,
"text_description": "Who is the intended audience?",
"image_description": ""
},
{
"fragment_index": 7,
"text_description": "Why might the creator have chosen this angle?",
"image_description": ""
},
{
"fragment_index": 8,
"text_description": "What is still unclear after viewing?",
"image_description": ""
}
]
},
{
"slide": 8,
"fragments": [
{
"fragment_index": -1,
"text_description": "Multiple Choice Question\nQuestion\nIf only the main subject is sharp while foreground and background blur, the photo has …\nHint:\nConsider how “depth of field” affects focus areas.\nSubmit Answer\nCorrect!\nExactly—this selective focus is called a shallow depth of field.\nIncorrect\nReview depth-of-field: shallow D.O.F. means only the subject is sharp.\nconst correctOption = 1; // zero-based index\n const answerCards = document.querySelectorAll('.answer-card');\n const submitBtn = document.getElementById('slide-08-4e92ab-submitBtn');\n const feedbackCorrect = document.getElementById('slide-08-4e92ab-feedbackCorrect');\n const feedbackIncorrect = document.getElementById('slide-08-4e92ab-feedbackIncorrect');\n\n let selectedOption = null;\n\n answerCards.forEach((card, index) => {\n card.addEventListener('click', () => {\n answerCards.forEach(c => c.classList.remove('border-blue-500', 'bg-blue-50'));\n card.classList.add('border-blue-500', 'bg-blue-50');\n selectedOption = index;\n });\n });\n\n submitBtn.addEventListener('click', () => {\n if (selectedOption === null) return;\n\n if (selectedOption === correctOption) {\n feedbackCorrect.classList.remove('hidden');\n feedbackIncorrect.classList.add('hidden');\n } else {\n feedbackIncorrect.classList.remove('hidden');\n feedbackCorrect.classList.add('hidden');\n }\n });",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "1\nDeep depth of field",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "2\nShallow depth of field",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "3\nMotion blur",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "4\nHigh dynamic range",
"image_description": ""
}
]
},
{
"slide": 9,
"fragments": [
{
"fragment_index": -1,
"text_description": "Key Takeaways\nThank You!\nWe hope you found this lesson informative and engaging.",
"image_description": ""
},
{
"fragment_index": 1,
"text_description": "Observe facts – ask: “What do I actually see?”",
"image_description": ""
},
{
"fragment_index": 2,
"text_description": "Think technically – “How do design choices produce effect?”",
"image_description": ""
},
{
"fragment_index": 3,
"text_description": "Contextualize historically – “When, where, and for whom was it made?”",
"image_description": ""
},
{
"fragment_index": 4,
"text_description": "Wonder personally – “Why does it matter to me or my audience?”",
"image_description": ""
},
{
"fragment_index": 5,
"text_description": "Next Steps\nPick three real-world images; run them through the four questions; jot one sentence per stage and share tomorrow.",
"image_description": ""
}
]
}
]