-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (67 loc) · 4.08 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>fourcorners.js demo</title>
<link type="text/css" href="./style.css" rel="stylesheet" />
<link type="text/css" href="./dist/fourcorners.css" rel="stylesheet" />
<script type="text/javascript" src="./dist/fourcorners.js"></script>
<script type="text/javascript">
window.addEventListener('load', function() {
const embeds = document.querySelectorAll(".fc-embed");
embeds.forEach((embed) => {
new FourCorners(embed, {
caption: true,
credit: true,
logo: true,
dark: false,
static: false
});
});
});
</script>
<script type="module">
import { ContentAuth } from "https://cdn.jsdelivr.net/npm/@contentauth/[email protected]/dist/cai-sdk.esm.min.js";
import "https://cdn.jsdelivr.net/npm/@contentauth/[email protected]/dist/index.min.js";
const wasmSrc = "https://cdn.jsdelivr.net/npm/@contentauth/[email protected]/dist/assets/wasm/toolkit_bg.wasm";
const workerSrc = "https://cdn.jsdelivr.net/npm/@contentauth/[email protected]/dist/cai-sdk.worker.min.js";
const imgs = document.querySelectorAll("img");
imgs.forEach(async (img) => {
const imgSrc = img.src;
const sdk = new ContentAuth({
wasmSrc,
workerSrc,
});
const provenance = await sdk.processImage(imgSrc);
await new FourCorners(img, {
caption: true,
credit: true,
logo: true,
dark: false,
static: false
}, provenance);
});
</script>
</head>
<body>
<main>
<h1>
fourcorners.js demos
</h1>
<br /><br />
<h2>
embed generated from <a href="https://fourcornersproject.org" target="_blank">fourcornersproject.org</a>
</h2>
(<a href="./json/">view more</a>)
<br /><br />
<div class="fc-embed"><script type="application/json">{"authorship":{"credit":"REUTERS/Muyi Xiao","license":{"type":"copyright","holder":"","year":"2017"},"ethics":{"desc":"My photography abides by the Standards and Values set by Reuters."},"caption":"Wang Quanming's mother Nong Xiurong greets Zhao Yuqing when she arrived in Wang's hometown, in Anxi, Fujian province, China, January 27, 2017.","bio":"Muyi Xiao is currently the Visuals Editor at ChinaFile, an online magazine published by the Center on U.S.-China Relations at Asia Society, dedicated to broaden its readers’ understanding of China and to spark new conversations about China’s place in the world.","website":"http://muyixiao.com"},"backstory":{"text":"According to the Reuters code of ethics, when I report a story I need to represent my true identity to subjects, which means I need to tell everyone that I am a photographer with Reuters. I am also not allowed to lie about what I was there for. But in this case, it is a little bit different because the story is about a couple fabricating a story and hiding the truth from the family. As a journalist, I shouldn’t interfere with the story by revealing the truth to the family. So after internal editorial discussion, we decided that when I approach the family, I should tell them the partial truth, which is “I am here to photograph the couple going back to Wang Quanming’s home for Spring Festival.”"},"imagery":{"media":[{"source":"image","url":"https://www.exhibit.fourcornersproject.org/wp-content/uploads/2019/07/clean_room.jpg","caption":"Nong Xiurong, Wang Quanming's mother, cleaned a very messy storage room so that Zhao Yuqing doesn’t have a bad impression of the family.","credit":"REUTERS/Muyi Xiao","index":0}]},"links":{"links":[{"source":"link","url":"https://widerimage.reuters.com/story/hopes-and-expectations-the-journey-of-a-fake-girlfriend","title":"Hopes and expectations: the journey of a fake girlfriend","index":0}]},"opts":{"caption":true,"credit":true,"logo":true},"photo":{},"lang":"en"}</script><img src="./json/muyi-xiao.jpeg"></div>
<br /><br /><br /><br />
<h2>
embed generated with <a href="https://c2pa.org" target="_blank">C2PA</a> metadata
</h2>
(<a href="./c2pa/">view more</a>)
<br /><br />
<img src="./c2pa/yonas-tadesse/yonas-tadesse-c2pa.jpeg" />
</div>
</body>
</html>