---
title: photoSrc
framework: livephotoskitjs
role: symbol
role_heading: Instance Property
path: livephotoskitjs/livephotoskit.player/photosrc
---

# photoSrc

The source of the photo component of the Live Photo.

## Declaration

```data
attribute String,ArrayBuffer photoSrc;
```

## Discussion

Discussion Set this property to three types of value: A String URL An ArrayBuffer instance that may already be available null (to clear the Player’s photo) Changing this value causes the photo property (the image consumed by the Player for rendering) to be initially set to null. If the new value assigned is a string URL or an ArrayBuffer, a round of loading and decoding activity begins, eventually resulting in the photo property being populated with the newly loaded image. Only a string URL produces a network request as part of this loading process. Changing this value while loading activity from a previous assignment is in progress causes the previous loading activity to abort. Note: If, due to the architecture of your web app or web page, an already-loaded Image instance or fully painted canvas element is available, write it directly to the photo property instead. Declarative markup attribute: data-photo-src

## See Also

### Instance Properties

- [currentTime](livephotoskitjs/livephotoskit.player/currenttime.md)
- [duration](livephotoskitjs/livephotoskit.player/duration.md)
- [photoHeight](livephotoskitjs/livephotoskit.player/photoheight.md)
- [photoTime](livephotoskitjs/livephotoskit.player/phototime.md)
- [photoWidth](livephotoskitjs/livephotoskit.player/photowidth.md)
- [canPlay](livephotoskitjs/livephotoskit.player/canplay.md)
- [errors](livephotoskitjs/livephotoskit.player/errors.md)
- [frameTimes](livephotoskitjs/livephotoskit.player/frametimes.md)
- [isPlaying](livephotoskitjs/livephotoskit.player/isplaying.md)
- [loadProgress](livephotoskitjs/livephotoskit.player/loadprogress.md)
- [metadataVideoSrc](livephotoskitjs/livephotoskit.player/metadatavideosrc.md)
- [photo](livephotoskitjs/livephotoskit.player/photo.md)
- [photoMimeType](livephotoskitjs/livephotoskit.player/photomimetype.md)
- [playbackStyle](livephotoskitjs/livephotoskit.player/playbackstyle.md)
- [proactivelyLoadsVideo](livephotoskitjs/livephotoskit.player/proactivelyloadsvideo.md)