Image Stories
Create visual stories with images up to 1GB with flexible display modes
Video Stories
Share video content up to 2GB with 90-second duration limits
Interactive Elements
Enhance stories with hyperlinks and custom overlays for user engagement
Optimistic Creation
Real-time sync states provide immediate feedback during story creation
Story Types and Specifications
social.plus Stories support two primary content types, each optimized for different use cases and engagement patterns:Image Stories
- File Size: Up to 1GB per image
- Formats: Standard image formats (JPEG, PNG, GIF)
- Display Modes: Flexible presentation options (FIT/FILL)
- Use Cases: Visual announcements, product showcases, event highlights
Video Stories
- File Size: Up to 2GB per video
- Duration: Maximum 90 seconds (configurable at network level)
- Formats: Standard video formats (MP4, MOV)
- Use Cases: Behind-the-scenes content, tutorials, live moments
Duration limits and file size restrictions can be adjusted at the network level, providing flexibility for different community needs and technical requirements.
Interactive Story Elements
Enhance your stories with interactive components that drive engagement and provide additional value to viewers:HyperLink Items
Add clickable links to your stories with custom aliases for seamless navigation to external content. URLs are validated against a configurable whitelist at the network level for security.Property | Type | Description |
---|---|---|
url | String | The destination URL for the hyperlink |
customText | String | Display text or alias for the link |
Story Targeting
Stories are created within specific targets to ensure proper content organization and access control:Supported Target Types
- Community: Create stories within specific community contexts
- Target ID: Community identifier where the story will be published
- Permissions: Respects community-level permissions and access controls
Sync States and Optimistic Creation
social.plus SDK implements optimistic story creation for enhanced user experience, providing immediate feedback through three distinct sync states:SYNCING
Story is being uploaded and processed on the server
SYNCED
Story successfully created and available to viewers
FAILED
Story creation failed - retry or error handling required
Create Image Story
ThecreateImageStory()
function enables creation of visual stories with comprehensive customization options and interactive elements.
Parameters
Parameter | Type | Required | Description |
---|---|---|---|
targetType | Enum | Yes | Type of target (currently supports .community ) |
targetId | String | Yes | ID of the target community |
imageFile | File/URI | Yes | Image file to attach to the story |
storyItems | Array | No | Interactive elements like hyperlinks |
imageDisplayMode | Enum | No | Display mode: FIT or FILL (default: FIT ) |
metadata | Object | No | Custom properties and additional data |
Create Video Story
ThecreateVideoStory()
function allows creation of engaging video content with the same interactive capabilities as image stories.
Parameters
Parameter | Type | Required | Description |
---|---|---|---|
targetType | Enum | Yes | Type of target (currently supports .community ) |
targetId | String | Yes | ID of the target community |
videoFile | File/URI | Yes | Video file to attach to the story |
storyItems | Array | No | Interactive elements like hyperlinks |
metadata | Object | No | Custom properties and additional data |
Best Practices
File Optimization
Compress media files appropriately to balance quality and upload speed
Interactive Elements
Use meaningful hyperlink text that clearly indicates the destination
Error Handling
Always implement proper error handling for failed uploads
Progress Tracking
Monitor sync states to provide user feedback during uploads
Upload Optimization Tips
- Image Compression: Use appropriate compression levels to maintain quality while reducing file size
- Video Encoding: Optimize video bitrate and resolution for mobile viewing
- Network Awareness: Consider implementing retry logic for failed uploads
- User Feedback: Display upload progress and sync state changes to users