Swift中如何用ShareLink分享带图片的音频至Instagram Stories？

核心问题分析 #

你的代码存在两个关键问题：

1. 单独分享MP3失败：仅通过DataRepresentation传递音频数据，缺少文件名、明确文件类型等元信息，导致部分应用无法识别为合法音频文件。
2. 无法同时分享图片：未实现包含音频+图片的可传输组合对象，也未利用ShareLink的多item分享能力。

解决方案 #

1. 修复音频分享兼容性

为Audio结构体添加FileRepresentation，明确指定文件名和MIME类型，让系统能正确识别为音频文件。

2. 实现音频+图片同时分享

通过ShareLink的items参数（iOS 16+支持）传递音频和图片两个Transferable对象，同时针对Instagram Stories优化预览图片的格式与尺寸（建议9:16比例）。

完整代码示例 #

import SwiftUI
import UniformTypeIdentifiers
import Combine

// 音频模型：修复TransferRepresentation，添加文件元信息
public struct Audio: Transferable {
    public static var transferRepresentation: some TransferRepresentation {
        // 以文件形式导出，指定文件名和类型
        FileRepresentation(contentType: .mp3) { audio in
            let tempFile = FileManager.default.temporaryDirectory.appending(path: "shared_track.mp3")
            try audio.data.write(to: tempFile)
            return .init(file: tempFile)
        }
        
        // 保留DataRepresentation作为兼容 fallback
        DataRepresentation(exportedContentType: .mp3) { audio in
            audio.data
        }
    }

    public var data: Data
}

// 图片模型：用于分享GIF/静态图资源
public struct SharedImage: Transferable {
    public static var transferRepresentation: some TransferRepresentation {
        DataRepresentation(exportedContentType: .gif) { image in
            image.data
        }
        
        FileRepresentation(contentType: .gif) { image in
            let tempFile = FileManager.default.temporaryDirectory.appending(path: "share_cover.gif")
            try image.data.write(to: tempFile)
            return .init(file: tempFile)
        }
    }
    
    public var data: Data
}

// 音频数据获取类
class AudioDataFetcher {
    var cancellables = Set<AnyCancellable>()
    
    func fetch(from url: URL) -> AnyPublisher<Data, Error> {
        URLSession.shared.dataTaskPublisher(for: url)
            .retry(1)
            .tryMap { data, response in
                guard let httpResponse = response as? HTTPURLResponse,
                      (200...299).contains(httpResponse.statusCode) else {
                    throw URLError(.badServerResponse)
                }
                return data
            }
            .eraseToAnyPublisher()
    }
    
    func fetchSampleAudio(completion: @escaping (Result<Data, Error>) -> Void) {
        guard let url = URL(string: "https://samplelib.com/lib/preview/mp3/sample-3s.mp3") else {
            completion(.failure(URLError(.badURL)))
            return
        }
        fetch(from: url)
            .sink(receiveCompletion: { completionState in
                if case .failure(let error) = completionState {
                    completion(.failure(error))
                }
            }, receiveValue: { data in
                completion(.success(data))
            })
            .store(in: &cancellables)
    }
}

// 主分享视图
public struct ShareView: View {
    @State private var audioFetcher = AudioDataFetcher()
    @State private var mp3Data: Data? = nil
    // 从Asset加载GIF图片数据
    @State private var coverImageData: Data? {
        guard let imageAsset = UIImage(named: "share_cover.gif"),
              let data = imageAsset.gifData else {
            return nil
        }
        return data
    }
    
    public var body: some View {
        VStack(spacing: 20) {
            Button("获取音频并分享") {
                audioFetcher.fetchSampleAudio { result in
                    switch result {
                    case .success(let data):
                        mp3Data = data
                    case .failure(let error):
                        print("音频获取失败：\(error)")
                    }
                }
            }
            .padding()
            .background(Color.blue)
            .foregroundColor(.white)
            .cornerRadius(8)
            
            // 同时分享音频和图片
            if let mp3Data, let coverImageData {
                let audio = Audio(data: mp3Data)
                let coverImage = SharedImage(data: coverImageData)
                
                ShareLink(
                    "分享到Instagram Stories",
                    items: [audio, coverImage],
                    preview: SharePreview(
                        "我的分享曲目",
                        image: Image(uiImage: UIImage(data: coverImageData)!)
                    )
                )
                .padding()
            }
        }
        .padding()
    }
}

// 扩展UIImage，提取GIF格式数据
extension UIImage {
    var gifData: Data? {
        guard let cgImage = self.cgImage else { return nil }
        let imageProperties = [kCGImagePropertyGIFDictionary as String: [kCGImagePropertyGIFLoopCount as String: 0]]
        let data = NSMutableData()
        guard let destination = CGImageDestinationCreateWithData(data, kUTTypeGIF as CFString, 1, nil) else {
            return nil
        }
        CGImageDestinationAddImage(destination, cgImage, imageProperties as CFDictionary)
        CGImageDestinationFinalize(destination)
        return data as Data
    }
}

关键说明 #

• 音频分享修复：FileRepresentation会将音频数据写入临时文件并传递给目标应用，解决纯数据无法被识别的问题。
• 多item分享：通过items参数传递音频和图片，iOS会将两者作为一组内容分享，适配Instagram Stories的展示逻辑。
• Instagram适配：Stories会优先使用SharePreview中的图片作为背景，同时携带音频附件，用户可直接在Stories中播放音频。

内容的提问来源于stack exchange，提问作者Amin