react-native-video无法播放远程mp3文件替代方法

最新推荐文章于 2024-09-13 08:40:10 发布
最新推荐文章于 2024-09-13 08:40:10 发布
阅读量1.9k 收藏 1
点赞数 1
文章标签： react-native
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42547619/article/details/87798108
版权

近日在学习react-native的时候想做一个类似音乐播放器的工具，各方百度使用react-native-video 作为音视频播放组件。但是该组件在播放远程mp3文件的时候一直播放不出来，播放mp4文件正常。几经周折选择了使用react-native-sound 组件替代播放，具体代码如下

import React, {Component} from 'react';
import {
    AppRegistry,
    StyleSheet,
    Dimensions,
    Text,
    Image,
    View,
    Slider,
    TouchableOpacity,
    ScrollView,
    ActivityIndicator,
    Animated,
    Easing,
    Alert
} from 'react-native';

// import { Slider } from 'react-native-elements'
import Sound from 'react-native-sound'
import config from "../../config";

let lyrObj = []   // 存放歌词
let {width, height} = Dimensions.get('window');
let mp3 = "";
//如果是网络音频，使用 new Sound(mp3,null,error => {})
let whoosh = null;

export default class MusicTest extends Component {
    constructor(props) {
        super(props);
        this.spinValue = new Animated.Value(0)
        this.state = {
            volume: 0.5,
            seconds: 0, //秒数
            totalMin: '', //总分钟
            totalSec: '', //总分钟秒数
            nowMin: 0, //当前分钟
            nowSec: 0, //当前秒钟
            maximumValue: 0, //滑块最大值,
            songs: [],   //歌曲id数据源
            playModel: 1,  // 播放模式  1:列表循环    2:随机    3:单曲循环
            btnModel: "http://qiniu.guang.lerzen.com/liebiaoxunhuan.png", //播放模式按钮背景图
            pic_small: '',    //小图
            pic_big: '',      //大图
            song_id: '',     //歌曲id
            title: '',       //歌曲名字
            author: '',      //歌曲作者
            file_link: '',   //歌曲播放链接
            songLyr: [],     //当前歌词
            sliderValue: 0,    //Slide的value
            pause: false,       //歌曲播放/暂停
            currentTime: 0.0,   //当前时间
            duration: 0.0,     //歌曲时间
            currentIndex: 0,    //当前第几首
            isplayBtn: "http://qiniu.guang.lerzen.com/zhanting.png"  //播放/暂停按钮背景图
        }
    }

    // 旋转动画
    spin = () => {
        this.spinValue.setValue(0)
        myAnimate = Animated.timing(
            this.spinValue,
            {
                toValue: 1,
                duration: 4000,
                easing: Easing.linear
            }
        ).start(() => this.spin())
    }
    loadSongInfo = (index) => {
        //加载歌曲
        let songid = this.state.songs[index]
        let url = config.serverUrl + "/Music/GetMusicInfo/getMusicInfo?songId=" + songid
        fetch(url)
            .then((response) => response.json())
            .then((responseJson) => {
                let songinfo = responseJson.data.songinfo
                let bitrate = responseJson.data.bitrate
                this.setState({
                    pic_small: songinfo.pic_small, //小图
                    pic_big: songinfo.pic_big,  //大图
                    title: songinfo.title,     //歌曲名
                    author: songinfo.author,   //歌手
                    file_link: bitrate.file_link,   //播放链接
                })
                whoosh = new Sound(bitrate.file_link, null, (error) => {
                    if (error) {
                        return console.log('资源加载失败', error);
                    }
                })
                let totalTime = bitrate.file_duration;//歌曲长度
                let totalMin = parseInt(totalTime / 60); //总分钟数
                let totalSec = totalTime - totalMin * 60; //秒钟数并判断前缀是否 + '0'
                totalSec = totalSec > 9 ? totalSec : '0' + totalSec;
                this.setState({
                    totalMin,
                    totalSec,
                    maximumValue: totalTime,
                })
                this.onGetLyric(songid);
            })
    }
    onGetMusicLists = () => {
        let url = config.serverUrl + "/Music/GetMusicLists/getMusicLists";
        fetch(url)
            .then((response) => response.json())
            .then((responseJson) => {
                let listAry = responseJson.data.song_list
                let song_idAry = []; //保存song_id的数组
                for (let i = 0; i < listAry.length; i++) {
                    let song_id = listAry[i].song_id
                    song_idAry.push(song_id)
                }
                this.setState({
                    songs: song_idAry
                }, () => {
                    this.loadSongInfo(0)
                })
            })
            .catch((error) => { // 错误处理
                // Alert.alert(JSON.stringify(error))
            })
    }
    onGetLyric = (songId) => {
        //加载歌词
        let url = config.serverUrl + "/Music/GetMusicLyric/getMusicLyric?songId=" + songId;
        fetch(url)
            .then((response) => response.json())
            .then((responseJson) => {
                    let lry = responseJson.data.lrcContent
                    let lryAry = lry.split('\n')   //按照换行符切数组
                    lryAry.forEach(
                        function (val, index) {
                            let obj = {}   //用于存放时间
                            val = val.replace(/(^\s*)|(\s*$)/g, '')    //正则,去除前后空格
                            let indeofLastTime = val.indexOf(']')  // ]的下标
                            let timeStr = val.substring(1, indeofLastTime) //把时间切出来 0:04.19
                            let minSec = ''
                            let timeMsIndex = timeStr.indexOf('.')  // .的下标
                            if (timeMsIndex !== -1) {
                                //存在毫秒 0:04.19
                                minSec = timeStr.substring(1, val.indexOf('.'))  // 0:04.
                                obj.ms = parseInt(timeStr.substring(timeMsIndex + 1, indeofLastTime))  //毫秒值 19
                            } else {
                                //不存在毫秒 0:04
                                minSec = timeStr
                                obj.ms = 0
                            }
                            let curTime = minSec.split(':')  // [0,04]
                            obj.min = parseInt(curTime[0])   //分钟 0
                            obj.sec = parseInt(curTime[1])   //秒钟 04
                            obj.txt = val.substring(indeofLastTime + 1, val.length) //歌词文本: 留下唇印的嘴
                            obj.txt = obj.txt.replace(/(^\s*)|(\s*$)/g, '')
                            obj.dis = false
                            obj.total = obj.min * 60 + obj.sec + obj.ms / 100   //总时间
                            if (obj.txt.length > 0) {
                                lyrObj.push(obj)
                            }
                        }
                    )
                }
            )
    }

    componentDidMount() {
        //先从总列表中获取到song_id保存
        this.onGetMusicLists();
        this.spin()   //   启动旋转
    }

    // 上一曲
    prevAction = (index) => {
        this.recover()
        lyrObj = [];
        if (index == -1) {
            index = this.state.songs.length - 1 // 如果是第一首就回到最后一首歌
        }
        this.setState({
            currentIndex: index  //更新数据
        })
        this.loadSongInfo(index)  //加载数据
    }
    // 下一曲
    nextAction = (index) => {
        this.recover()
        lyrObj = [];
        if (index == 10) {
            index = 0 //如果是最后一首就回到第一首
        }
        this.setState({
            currentIndex: index,  //更新数据
        })
        this.loadSongInfo(index)   //加载数据
    }
    // 播放/暂停
    playAction = () => {
        let pauseStatus = !this.state.pause;
        this.setState({
            pause: !this.state.pause
        })
        //判断按钮显示什么（播放）
        if (pauseStatus == true) {
            this.setState({
                isplayBtn: "http://qiniu.guang.lerzen.com/bofang.png"
            })
            this.start();
        } else {
            // 暂停
            this.setState({
                isplayBtn: "http://qiniu.guang.lerzen.com/zhanting.png"
            })
            this.pause();
        }
    }

    componentWillUnmount() {
        this.time && clearTimeout(this.time);
    }

// 歌词
    renderItem() {
        // 数组
        let itemAry = [];
        for (let i = 0; i < lyrObj.length; i++) {
            let item = lyrObj[i].txt

            if (this.state.currentTime.toFixed(2) > lyrObj[i].total) {
                //正在唱的歌词
                itemAry.push(
                    <View key={i} style={styles.itemStyle}>
                        <Text style={{color: 'blue'}}> {item} </Text>
                    </View>
                );
                _scrollView.scrollTo({x: 0, y: (25 * i), animated: false});
            }
            else {
                //所有歌词
                itemAry.push(
                    <View key={i} style={styles.itemStyle}>
                        <Text style={{color: 'red'}}> {item} </Text>
                    </View>
                )
            }
        }

        return itemAry;
    }

//把秒数转换为时间类型
    formatTime = (time) => {
        // 71s -> 01:11
        let min = Math.floor(time / 60)
        let second = time - min * 60
        min = min >= 10 ? min : '0' + min
        second = second >= 10 ? second : '0' + second
        return min + ':' + second
    }
    // 开始播放
    start = () => {
        whoosh.play();
        this.time = setInterval(() => {
            whoosh.getCurrentTime(seconds => {
                seconds = Math.ceil(seconds);
                this.onGetNowTime(seconds)
            })
        }, 1000)
    }
    // 暂停
    pause = () => {
        clearInterval(this.time);
        whoosh.pause();
    }
    // 停止
    stop = () => {
        clearInterval(this.time);
        this.setState({
            nowMin: 0,
            nowSec: 0,
            seconds: 0,
        })
        whoosh.stop();
    }

    recover = () => {
        if (whoosh) {
            this.pause();
            this.stop();
            whoosh = null;
        }
        this.setState({
            pause: false,
            isplayBtn: "http://qiniu.guang.lerzen.com/zhanting.png",  //播放/暂停按钮背景图
            seconds: 0,
            currentTime: 0.0
        })
    }
    // 时间处理
    onGetNowTime = (seconds) => {
        let nowMin = this.state.nowMin,
            nowSec = this.state.nowSec;
        if (seconds >= 60) {
            nowMin = parseInt(seconds / 60); //当前分钟数
            nowSec = seconds - nowMin * 60;
            nowSec = nowSec < 10 ? '0' + nowSec : nowSec;
        } else {
            nowSec = seconds < 10 ? '0' + seconds : seconds;
        }
        this.setState({
            nowMin,
            nowSec,
            seconds
        })
        this.setState({
            currentTime: seconds
        })
    }

    render() {
        if (this.state.file_link.length <= 0) {
            return (
                <ActivityIndicator
                    animating={this.state.animating}
                    style={{flex: 1, alignItems: 'center', justifyContent: 'center'}}
                    size="large"/>
            )
        } else {
            const spin = this.spinValue.interpolate({
                inputRange: [0, 1],
                outputRange: ['0deg', '360deg']
            })
            return (
                <View style={styles.container}>
                    {/*背景大图*/}
                    <Image source={{uri: this.state.pic_big}} style={{flex: 1}}/>
                    {/*背景白色透明遮罩*/}
                    <View style={{
                        position: 'absolute',
                        width: width,
                        height: height,
                        backgroundColor: 'white',
                        opacity: 0.8
                    }}/>
                    <View style={{position: 'absolute', width: width}}>
                        {/*胶片光盘*/}
                        <Image source={{uri: "http://qiniu.guang.lerzen.com/jianpianpan.png"}} style={{width: 220, height: 220, alignSelf: 'center'}}/>

                        {/*旋转小图*/}
                        <Animated.Image
                            ref='myAnimate'
                            style={{
                                width: 140,
                                height: 140,
                                marginTop: -180,
                                alignSelf: 'center',
                                borderRadius: 140 * 0.5,
                                transform: [{rotate: spin}]
                            }}
                            source={{uri: this.state.pic_small}}
                        />
                        {/*歌曲信息*/}
                        <View style={styles.playingInfo}>
                            {/*作者-歌名*/}
                            <Text>{this.state.author} - {this.state.title}</Text>
                            {/*时间*/}
                            <Text>{this.state.nowMin}:{this.state.nowSec} - {this.state.totalMin}:{this.state.totalSec}</Text>
                        </View>
                        {/*播放模式*/}
                        <View style={{marginTop: 5, marginBottom: 5, marginLeft: 20}}>
                            <TouchableOpacity onPress={() => this.playModel(this.state.playModel)}>
                                <Image source={{uri: this.state.btnModel}} style={{width: 20, height: 20}}/>
                            </TouchableOpacity>
                        </View>
                        {/*进度条*/}
                        <Slider
                            ref='slider'
                            // disabled //禁止滑动
                            maximumTrackTintColor={'#ccc'} //右侧轨道的颜色
                            minimumTrackTintColor={'skyblue'} //左侧轨道的颜色
                            maximumValue={this.state.maximumValue} //滑块最大值
                            minimumValue={0} //滑块最小值
                            step={1}
                            value={this.state.seconds}
                            onSlidingComplete={(value) => { //用户完成更改值时调用的回调（例如，当滑块被释放时）
                                value = parseInt(value);
                                this.onGetNowTime(value)
                                // 设置播放时间
                                whoosh.setCurrentTime(value);
                            }}
                            onValueChange={(value) => {
                                this.onGetNowTime(value)
                            }}
                        />
                        {/*歌词*/}
                        <View style={{height: 280, alignItems: 'center', marginTop: 20}}>
                            <ScrollView style={{position: 'relative'}}
                                        showsVerticalScrollIndicator={false}
                                        ref={(scrollView) => {
                                            _scrollView = scrollView
                                        }}
                            >
                                {this.renderItem()}
                            </ScrollView>
                        </View>
                        {/*歌曲按钮*/}
                        <View style={{flexDirection: 'row', justifyContent: 'space-around',marginTop:20}}>
                            <TouchableOpacity onPress={() => this.prevAction(this.state.currentIndex - 1)}>
                                <Image source={{uri: "http://qiniu.guang.lerzen.com/shangyishou.png"}}
                                       style={{width: 30, height: 30}}/>
                            </TouchableOpacity>

                            <TouchableOpacity onPress={() => this.playAction()}>
                                <Image source={{uri: this.state.isplayBtn}} style={{width: 30, height: 30}}/>
                            </TouchableOpacity>

                            <TouchableOpacity onPress={() => this.nextAction(this.state.currentIndex + 1)}>
                                <Image source={{uri: "http://qiniu.guang.lerzen.com/xiayishou.png"}}
                                       style={{width: 30, height: 30}}/>
                            </TouchableOpacity>
                        </View>
                        {/*<Text>{time.nowMin}:{time.nowSec}/{time.totalMin}:{time.totalSec}</Text>*/}
                        {/*<Text>当前音量: {this.state.volume}</Text>*/}
                        {/*<Text onPress={this._addVolume}>声音+</Text>*/}
                        {/*<Text onPress={this._reduceVolume}>声音-</Text>*/}
                        {/*<Text onPress={this._stop}>停止</Text>*/}
                    </View>
                </View>
            );
        }
    }
}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
    image: {
        flex: 1
    },
    playingControl: {
        flexDirection: 'row',
        alignItems: 'center',
        paddingTop: 10,
        paddingLeft: 20,
        paddingRight: 20,
        paddingBottom: 20
    },
    playingInfo: {
        flexDirection: 'row',
        alignItems: 'stretch',
        justifyContent: 'space-between',
        paddingTop: 40,
        paddingLeft: 20,
        paddingRight: 20,
        backgroundColor: 'rgba(255,255,255,0.0)'
    },
    text: {
        color: "black",
        fontSize: 22
    },
    modal: {
        height: 300,
        borderTopLeftRadius: 5,
        borderTopRightRadius: 5,
        paddingTop: 5,
        paddingBottom: 50
    },
    itemStyle: {
        paddingTop: 20,
        height: 25,
        backgroundColor: 'rgba(255,255,255,0.0)'
    }
});

可以实现歌词同步，前后音乐切换。部分样式是参照网上大神的哦。
在这里插入图片描述

日落班
关注
使用ReactNative构建视频应用程序：流处理、编解码和WebSockets
AI天才研究院
07-17 1510
作者：禅与计算机程序设计艺术在本文中，我们将会使用React Native框架，结合Websockets协议，实现一个完整的基于WebRTC的视频直播应用。该项目旨在学习如何从零开始构建一个复杂且实用的视频应用程序。文章假定读者已经掌握了React Native开发的基础知识。我们需要安装React Native环境，并且熟悉JavaScript，TypeScript，ES6语法，WebRTC，WebSockets等相关技术。
react native ffmpeg 视频处理
未金涛的博客
06-11 1950
1 FFmpegKit说明 https://github.com/tanersener/ffmpeg-kit 构建 FFmpeg 库的脚本 FFmpegKit在应用程序中运行FFmpeg/FFprobe命令的包装库 支持安卓、iOS、macOS 和 tvOS 基于v4.4-dev带有可选系统和外部库的FFmpeg Github、Maven Central和CocoaPods 上提供了 8 个预构建的二进制包。 根据 许可LGPL 3.0，或者GPL v3.0如果启用了 GPL 许可的库 2 Androi
ReactNative实现音乐播放
08-11
React Native 实现音乐播放
react-native 音频播放
qq_40054213的博客
07-18 2224
react-native-sound 安装： 1、npm install react-native-sound 2、react-native link react-native-sound //建议使用手动link gihub地址：https://github.com/zmxv/react-native-sound 使用： 引入：im...
React Native Video 项目教程
最新发布
gitblog_00838的博客
09-13 883
React Native Video 项目教程 react-native-video A component for react-native 项目地址: https://gitcode.com/gh_mirrors/react...
使用react-native-video实现页面多音频文件播放（ios平台）
P_Leung的技术博客
08-20 3911
最近帮朋友做一下小的app，其中一个功能有以下要求 根据搜索结果返回音频列表 音频播放完毕自动停止 播放一个音频的时候，暂停其他播放中的音频 react-native-video项目地址 import React, {Component} from 'react'; import { Image, StyleSheet, Text, View, S...
react-native-video视频播放功能
04-29
1.实现播放、暂停视频； 2.视频全屏、小屏播放视频 3.实现视频进度条 4.切换视频 使用说明： 下载代码之后：npm install，然后npm start，然后npm link 安装包（react-native link react-native-orientation，react-native link react-native-video），然后再链接即可查看效果
React Native (一) react-native-video实现音乐播放器和进度条的功能
weixin_30646315的博客
07-29 1416
React Native (一) react-native-video实现音乐播放器和进度条的功能 功能： 1.卡片滑动切歌 2.显示进度条 效果图： 第三方组件： 1.react-native-video Github地址：https://github.com/react-native-community/react-native-video 2.react-native-anima...
react-native 转换音频格式
qq_32683045的博客
08-26 2078
本工具支持AAC, MP3, M4A, WMA, WAV, FLAC. 同时支持Android和ios平台（ios稍后上传）； GitHub 地址 ：https://github.com/a943999733/react-native-audiotransition 希望多多star 多关注 话不多说，直接上用法 $ npm install react-native-audiotransitio...
React Native 曲目播放器：完整指南
分享身边生活经验blog
04-12 1440
或者，您可以使用库来播放音乐并使用 JavaScript 自己处理播放列表——然后，您将必须为基于事件的整个播放列表队列实现编写代码。如果您计划使用 React Native 构建一个音频播放器，您无疑需要一个播放列表实现，其中包括一个可管理的音乐曲目队列，该队列对用户可见或作为后台服务运行以按特定顺序播放音乐曲目。为简单起见，在本教程中，我们将在我们的文件中开发所有组件，但请确保在开发生产级应用程序时将您的应用程序正确分解为单独的源文件。现在，我们将使用上述函数为我们的音乐播放器添加一个控制框。
React项目pdf,word 预览 使用react-file-viewer插件
赵乘风_i
04-12 4654
最近需要做一个word和pdf预览的功能，因为基础的技术栈是 react，于是就选用了 react-file-viewer 这个插件. 其实这个插件，还支持更多文件格式 Images: png, jpeg, gif, bmp, including 360-degree images pdf csv xslx docx Video: mp4, webm Audio: mp3 安装 npm i react-file-viewer ps: 如果React版本小于16，需要安装 0.5版本的 react-fil
react-基础react开发的一个音乐播放器
08-15
基础react 开发的一个音乐播放器
react-native-audio-video-tools:React-native库，允许对音频和视频执行一些高级操作
05-22
react-native-audio-video-tools React-native-audio-video-tools是一组功能，可让您轻松执行一些高级音频和视频操作，例如剪切，提取，压缩等。 在后台，react-native-audio-video-tools使用FFmpeg执行命令。 特征 本地和远程媒体都可以处理，并且可以执行以下操作： 声音的 档案资讯 压缩 修整 转换 音量调整 视频 档案资讯 压缩 修整 转换 从视频中提取音频声音 几乎所有已实现的功能都可以使用一个示例应用程序。 您可以在本地构建它，也可以下载APK for android 安装 使用纱线 yarn add react-native-audio-video-tools 使用Npm npm install react-native-audio-video-tools --save 然后，您需要安装
audioPlayerReact:带有React的音频播放器
03-21
Create React App入门 该项目是通过引导的。 可用脚本 在项目目录中，可以运行： npm start 在开发模式下运行应用程序。打开在浏览器中查看它。 如果您进行编辑，则页面将重新加载。您还将在控制台中看到任何棉绒错误。 npm test 在交互式监视模式下启动测试运行器。有关更多信息，请参见关于的部分。 npm run build 构建生产到应用程序build文件夹。它在生产模式下正确捆绑了React，并优化了构建以获得最佳性能。 生成被最小化，并且文件名包括哈希值。您的应用已准备好进行部署！ 有关更多信息，请参见关于的部分。 npm run eject 注意：这是单向操作。 eject ，您将无法返回！ 如果您对构建工具和配置选择不满意，则可以随时eject 。此命令将从项目中删除单个构建依赖项。 相反，它将所有配置文件和传递依赖项（webpack，Babel，ESLin
一个用于播放音效的React Hook-React开发
05-27
:ear:让您的网站使用2种人类感官而不是1种感官进行交流:fire:声明式挂钩API:high_voltage:捆绑包中<1kb字节（gzip）！ 约10kb的异步加载。 Type使用Typescript构建:speaking_head:使用功能强大的战斗用途声音产生音效的React钩子Web需要更多（有品味）的声音！ :ear:让您的网站使用2种人类感官而不是1种感官进行交流:fire:声明式挂钩API:high_voltage:捆绑包中<1kb字节（gzip）！ 约10kb的异步加载。 Type使用Typescript构建的:speaking_head:使用功能强大且经过了实践检验的音频实用程序：可以使用yarn添加Howler.js安装包：yarn add use-sound或使用NPM：npm install use-sound UMD构建可在unpkg上获得。 演示本教程包括
实战React音乐播放器
热门推荐
王乐平 技术博客
02-04 1万+
上篇文章《一步一步实战HTML音乐播放器》中，我用HTML+JS + CSS的方式一步步实现了一个音乐播放器，因为最近接触了一下React，感觉挺不错的，在这里我用React的方式实现一个同样的音乐播放器。播放器功能 自动显示 专辑图片、歌手名、歌曲名、专辑名 显示播放器进度条 音乐播放暂停、上一曲、下一曲 实时显示播放时间、播放总长度 歌曲播放完后，自动切换下一曲 播放器效果React 环境准备在
react-native 播放声音
多一份贡献,多一份环保
11-20 5400
在RN中如何播放远程的声音文件?或者本地的，在这里我们可以使用react-native-sound，经测试播放所有本地声音都没有问题，唯独无话播放远程的声音，在百度跟google都找不到相关的资料，作者的demo也是无法播放，经过不断的尝试能播放了。使用指南安装npm install react-native-sound #或者 yarn add react-native播放本地文件import S
使用react native制作的一款网络音乐播放器
大灰狼的小绵羊哥哥的博客
05-04 1842
使用react native制作的一款网络音乐播放器 http://www.cnblogs.com/shaoting/p/6705307.html 基于第三方库 react-native-video 设计 "react-native-video": "^1.0.0"   播放/暂停  快进/快退  循环模式(单曲,随机,列表)  歌词同步  进度条显示
uniapp 微信小程序 使用video 播放mp3、wav、flac等音频文件 报错 MEDIA_ERR_DECODE(-11103,11010001)
m0_65629667的博客
10-11 2863
解决微信小程序 MEDIA_ERR_DECODE(-11103,11010001)报错问题
react-native-video全屏播放及屏幕旋转适配指南
使用react-native-video播放视频，关键在于设置`source`属性。如果播放远程视频，需提供视频的URI，例如：`source={{uri: 'http://www.xxx.com/xxx/xxx.mp4'}}`。若播放本地视频，则使用`require`导入本地资源，如：...
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值