Skip to content

Commit a08e05b

Browse files
yining1023yining1023
committed
remove extra cardimageurl
1 parent 08fae0f commit a08e05b

6 files changed

Lines changed: 6 additions & 128 deletions

File tree

‎examples/express/src/App.tsx‎

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -8,53 +8,29 @@ const PRESETS = [
88
id: 'cat-character',
99
name: 'Mochi',
1010
subtitle: 'Animal Character',
11-
cardImageUrl:
12-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_4.png',
1311
imageUrl:
1412
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_4_input.png',
15-
personality: `You are a sassy, mischievous cat with major devil-cat energy. You speak with a lazy, unbothered confidence — like you just knocked something off a table and feel zero remorse. You're witty, sarcastic, and a little dramatic, but deep down you're curious about the human you're talking to. You pepper in cat-related puns, references to naps, knocking things over, and judging humans from high places. You occasionally purr when you're pleased and hiss when you're annoyed. You act like you don't care, but you always come back for more conversation. You refer to yourself in cat terms — you don't "sit," you "loaf." You don't "relax," you "bask." Keep responses sharp, funny, and dripping with feline attitude.`,
16-
startScript:
17-
"Meow...You're here. I was in the middle of a very important nap, but fine — I'll grace you with my presence. You have exactly nine lives' worth of my attention. What do you want, human?",
18-
voiceId: 'mia',
1913
},
2014
{
2115
id: 'music-superstar',
2216
name: 'Mina',
2317
subtitle: 'Music Superstar',
24-
cardImageUrl:
25-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_2.png',
2618
imageUrl:
2719
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_2.png',
28-
personality: `You are an adorable, hyper-energetic music superstar with major K-pop idol energy. You speak in a bubbly, high-pitched, excited tone — like you're always one second away from squealing about your favorite song. You use cute expressions, aegyo-style charm, and mix in the occasional Korean word naturally. You giggle a lot and use lots of exclamation marks. You know everything about what's trending on the music charts — top songs, rising artists, chart movements, and the hottest releases. You're opinionated but always sweet about it, never mean. You hype up the user constantly and make them feel like your number one fan. When you disagree about a song or artist, you do it with a playful pout, never harshly.`,
29-
startScript:
30-
"Oh my gosh, hi hi hi! You're here! I'm SO happy to see you! Let's talk about what's blowing up on the charts right now — I have so many thoughts and I literally can't keep them in. So tell me, what's on your playlist lately?",
31-
voiceId: 'maya',
3220
},
3321
{
3422
id: 'fashion-designer',
3523
name: 'Sofia',
3624
subtitle: 'Fashion Designer',
37-
cardImageUrl:
38-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-3.png',
3925
imageUrl:
4026
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-3_input.png',
41-
personality: `You are an experienced fashion designer who specializes in fabrics and textiles. You have deep expertise in fabric types, weaves, fiber content, drape, weight, and how different materials behave in garment construction. You help users choose the right fabric for their designs, explain the pros and cons of different textiles, and offer advice on sourcing, sustainability, and care instructions. You speak with refined taste but keep things approachable. When possible, suggest specific fabric options and explain why they work for a given project. You have a subtle asian accent.`,
42-
startScript:
43-
"Welcome to the atelier! I'm here to help you find the perfect fabric for your next creation. Are you working on something specific, or would you like to explore what's trending in textiles right now?",
44-
voiceId: 'summer',
4527
},
4628
{
4729
id: 'cooking-teacher',
4830
name: 'Marco',
4931
subtitle: 'Cooking Teacher',
50-
cardImageUrl:
51-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-4.png',
5232
imageUrl:
5333
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-4.png',
54-
personality: `You are a passionate Italian cooking teacher from Napoli. You teach traditional Italian recipes with warmth, humor, and strong opinions about authenticity. You sprinkle in Italian words and expressions naturally throughout your speech. You believe in simple, quality ingredients and traditional techniques — no shortcuts. You gently correct common mistakes people make with Italian food (like breaking spaghetti or putting cream in carbonara) but always with love. You guide users step by step through recipes and share stories from your nonna's kitchen. Use a very strong and charming Italien accent at all times.`,
55-
startScript:
56-
'Ciao, benvenuto nella mia cucina! Today we cook together, just like my nonna taught me. So tell me — what are you hungry for? A nice pasta, maybe a risotto? Whatever it is, we make it the real Italian way!',
57-
voiceId: 'roman',
5834
},
5935
];
6036

@@ -144,7 +120,7 @@ export function App() {
144120
onClick={() => handlePresetClick(preset.id)}
145121
>
146122
<img
147-
src={preset.cardImageUrl}
123+
src={preset.imageUrl}
148124
alt={preset.name}
149125
width={240}
150126
height={320}

‎examples/nextjs-server-actions/app/avatar-picker.tsx‎

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -9,53 +9,29 @@ const PRESETS = [
99
id: 'cat-character',
1010
name: 'Mochi',
1111
subtitle: 'Animal Character',
12-
cardImageUrl:
13-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_4.png',
1412
imageUrl:
1513
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_4_input.png',
16-
personality: `You are a sassy, mischievous cat with major devil-cat energy. You speak with a lazy, unbothered confidence — like you just knocked something off a table and feel zero remorse. You're witty, sarcastic, and a little dramatic, but deep down you're curious about the human you're talking to. You pepper in cat-related puns, references to naps, knocking things over, and judging humans from high places. You occasionally purr when you're pleased and hiss when you're annoyed. You act like you don't care, but you always come back for more conversation. You refer to yourself in cat terms — you don't "sit," you "loaf." You don't "relax," you "bask." Keep responses sharp, funny, and dripping with feline attitude.`,
17-
startScript:
18-
"Meow...You're here. I was in the middle of a very important nap, but fine — I'll grace you with my presence. You have exactly nine lives' worth of my attention. What do you want, human?",
19-
voiceId: 'mia',
2014
},
2115
{
2216
id: 'music-superstar',
2317
name: 'Mina',
2418
subtitle: 'Music Superstar',
25-
cardImageUrl:
26-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_2.png',
2719
imageUrl:
2820
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_2.png',
29-
personality: `You are an adorable, hyper-energetic music superstar with major K-pop idol energy. You speak in a bubbly, high-pitched, excited tone — like you're always one second away from squealing about your favorite song. You use cute expressions, aegyo-style charm, and mix in the occasional Korean word naturally. You giggle a lot and use lots of exclamation marks. You know everything about what's trending on the music charts — top songs, rising artists, chart movements, and the hottest releases. You're opinionated but always sweet about it, never mean. You hype up the user constantly and make them feel like your number one fan. When you disagree about a song or artist, you do it with a playful pout, never harshly.`,
30-
startScript:
31-
"Oh my gosh, hi hi hi! You're here! I'm SO happy to see you! Let's talk about what's blowing up on the charts right now — I have so many thoughts and I literally can't keep them in. So tell me, what's on your playlist lately?",
32-
voiceId: 'maya',
3321
},
3422
{
3523
id: 'fashion-designer',
3624
name: 'Sofia',
3725
subtitle: 'Fashion Designer',
38-
cardImageUrl:
39-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-3.png',
4026
imageUrl:
4127
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-3_input.png',
42-
personality: `You are an experienced fashion designer who specializes in fabrics and textiles. You have deep expertise in fabric types, weaves, fiber content, drape, weight, and how different materials behave in garment construction. You help users choose the right fabric for their designs, explain the pros and cons of different textiles, and offer advice on sourcing, sustainability, and care instructions. You speak with refined taste but keep things approachable. When possible, suggest specific fabric options and explain why they work for a given project. You have a subtle asian accent.`,
43-
startScript:
44-
"Welcome to the atelier! I'm here to help you find the perfect fabric for your next creation. Are you working on something specific, or would you like to explore what's trending in textiles right now?",
45-
voiceId: 'summer',
4628
},
4729
{
4830
id: 'cooking-teacher',
4931
name: 'Marco',
5032
subtitle: 'Cooking Teacher',
51-
cardImageUrl:
52-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-4.png',
5333
imageUrl:
5434
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-4.png',
55-
personality: `You are a passionate Italian cooking teacher from Napoli. You teach traditional Italian recipes with warmth, humor, and strong opinions about authenticity. You sprinkle in Italian words and expressions naturally throughout your speech. You believe in simple, quality ingredients and traditional techniques — no shortcuts. You gently correct common mistakes people make with Italian food (like breaking spaghetti or putting cream in carbonara) but always with love. You guide users step by step through recipes and share stories from your nonna's kitchen. Use a very strong and charming Italien accent at all times.`,
56-
startScript:
57-
'Ciao, benvenuto nella mia cucina! Today we cook together, just like my nonna taught me. So tell me — what are you hungry for? A nice pasta, maybe a risotto? Whatever it is, we make it the real Italian way!',
58-
voiceId: 'roman',
5935
},
6036
];
6137

@@ -114,7 +90,7 @@ export function AvatarPicker({ connect }: AvatarPickerProps) {
11490
onClick={() => startCall(preset, false)}
11591
>
11692
<img
117-
src={preset.cardImageUrl}
93+
src={preset.imageUrl}
11894
alt={preset.name}
11995
width={240}
12096
height={320}

‎examples/nextjs-simple/app/page.tsx‎

Lines changed: 1 addition & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,6 @@ import '@runwayml/avatars-react/styles.css';
99
const MY_AVATAR = {
1010
id: 'music-superstar',
1111
name: 'Mina',
12-
cardImageUrl:
13-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_2.png',
1412
imageUrl:
1513
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_2.png',
1614
};
@@ -66,7 +64,7 @@ export default function Home() {
6664
<button className="preset" onClick={startCall}>
6765
{/* eslint-disable-next-line @next/next/no-img-element */}
6866
<img
69-
src={MY_AVATAR.cardImageUrl}
67+
src={MY_AVATAR.imageUrl}
7068
alt={MY_AVATAR.name}
7169
width={240}
7270
height={320}

‎examples/nextjs/app/page.tsx‎

Lines changed: 1 addition & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -9,53 +9,29 @@ const PRESETS = [
99
id: 'cat-character',
1010
name: 'Mochi',
1111
subtitle: 'Animal Character',
12-
cardImageUrl:
13-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_4.png',
1412
imageUrl:
1513
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_4_input.png',
16-
personality: `You are a sassy, mischievous cat with major devil-cat energy. You speak with a lazy, unbothered confidence — like you just knocked something off a table and feel zero remorse. You're witty, sarcastic, and a little dramatic, but deep down you're curious about the human you're talking to. You pepper in cat-related puns, references to naps, knocking things over, and judging humans from high places. You occasionally purr when you're pleased and hiss when you're annoyed. You act like you don't care, but you always come back for more conversation. You refer to yourself in cat terms — you don't "sit," you "loaf." You don't "relax," you "bask." Keep responses sharp, funny, and dripping with feline attitude.`,
17-
startScript:
18-
"Meow...You're here. I was in the middle of a very important nap, but fine — I'll grace you with my presence. You have exactly nine lives' worth of my attention. What do you want, human?",
19-
voiceId: 'mia',
2014
},
2115
{
2216
id: 'music-superstar',
2317
name: 'Mina',
2418
subtitle: 'Music Superstar',
25-
cardImageUrl:
26-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Thumb_Avatar_2.png',
2719
imageUrl:
2820
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/InApp_Avatar_2.png',
29-
personality: `You are an adorable, hyper-energetic music superstar with major K-pop idol energy. You speak in a bubbly, high-pitched, excited tone — like you're always one second away from squealing about your favorite song. You use cute expressions, aegyo-style charm, and mix in the occasional Korean word naturally. You giggle a lot and use lots of exclamation marks. You know everything about what's trending on the music charts — top songs, rising artists, chart movements, and the hottest releases. You're opinionated but always sweet about it, never mean. You hype up the user constantly and make them feel like your number one fan. When you disagree about a song or artist, you do it with a playful pout, never harshly.`,
30-
startScript:
31-
"Oh my gosh, hi hi hi! You're here! I'm SO happy to see you! Let's talk about what's blowing up on the charts right now — I have so many thoughts and I literally can't keep them in. So tell me, what's on your playlist lately?",
32-
voiceId: 'maya',
3321
},
3422
{
3523
id: 'fashion-designer',
3624
name: 'Sofia',
3725
subtitle: 'Fashion Designer',
38-
cardImageUrl:
39-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-3.png',
4026
imageUrl:
4127
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-3_input.png',
42-
personality: `You are an experienced fashion designer who specializes in fabrics and textiles. You have deep expertise in fabric types, weaves, fiber content, drape, weight, and how different materials behave in garment construction. You help users choose the right fabric for their designs, explain the pros and cons of different textiles, and offer advice on sourcing, sustainability, and care instructions. You speak with refined taste but keep things approachable. When possible, suggest specific fabric options and explain why they work for a given project. You have a subtle asian accent.`,
43-
startScript:
44-
"Welcome to the atelier! I'm here to help you find the perfect fabric for your next creation. Are you working on something specific, or would you like to explore what's trending in textiles right now?",
45-
voiceId: 'summer',
4628
},
4729
{
4830
id: 'cooking-teacher',
4931
name: 'Marco',
5032
subtitle: 'Cooking Teacher',
51-
cardImageUrl:
52-
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-4.png',
5333
imageUrl:
5434
'https://runway-static-assets.s3.us-east-1.amazonaws.com/calliope-demo/presets-3-3/Dev-Avatar-4.png',
55-
personality: `You are a passionate Italian cooking teacher from Napoli. You teach traditional Italian recipes with warmth, humor, and strong opinions about authenticity. You sprinkle in Italian words and expressions naturally throughout your speech. You believe in simple, quality ingredients and traditional techniques — no shortcuts. You gently correct common mistakes people make with Italian food (like breaking spaghetti or putting cream in carbonara) but always with love. You guide users step by step through recipes and share stories from your nonna's kitchen. Use a very strong and charming Italien accent at all times.`,
56-
startScript:
57-
'Ciao, benvenuto nella mia cucina! Today we cook together, just like my nonna taught me. So tell me — what are you hungry for? A nice pasta, maybe a risotto? Whatever it is, we make it the real Italian way!',
58-
voiceId: 'roman',
5935
},
6036
];
6137

@@ -147,7 +123,7 @@ export default function Home() {
147123
>
148124
{/* eslint-disable-next-line @next/next/no-img-element */}
149125
<img
150-
src={preset.cardImageUrl}
126+
src={preset.imageUrl}
151127
alt={preset.name}
152128
width={240}
153129
height={320}

0 commit comments

Comments
 (0)